@import url("/theme/dock.css");
/* Kytos — light theme overlay for the compiled app pages (loaded after the app CSS). */
:root{
  color-scheme:light;
  --paper:#f0f0f2; --card:#ffffff; --cream:#e9e9ec; --cream-2:#f6f6f8;
  --line:#dcdde1; --line-soft:#e9eaee; --line-strong:#c6c8ce;
  --ink:#0f1012; --ink-soft:#33363b; --muted:#6f7278; --muted-2:#9a9da3;
  --accent:#1e86c9; --accent-tint:rgba(30,134,201,.10); --accent-tint-soft:rgba(30,134,201,.06);
  --accent-on-dark:#8ed6f7; --lime:var(--accent-on-dark);
  --forest-deep:#ffffff; --forest-text:#0f1012; --forest-muted:#6f7278; --forest-line:#dcdde1;
  --dark:#0f1012; --dark-text:#ffffff; --dark-muted:#b9bcc3;
  --radius:16px; --radius-sm:12px;
  --shadow:0 24px 60px -30px rgba(15,16,18,.22);
  --vs-glass:rgba(255,255,255,.72);
}
html,body{background:var(--paper)}

/* ---- header: light, floating, brand = robot + Kytos ---- */
.site-header{position:sticky;top:0;z-index:40;background:rgba(240,240,242,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.site-header-inner{min-height:72px;position:relative}
.site-header .mobile-nav{display:none!important}

/* The app's own nav links are Next.js <Link>s, so they navigate without a page reload.
   Restyle them as the centred pill bar and reorder with flex `order` instead of
   replacing them, which would cost client-side routing. */
.site-header .site-nav{display:flex!important;position:absolute;left:50%;transform:translateX(-50%);
  gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(15,16,18,.08);box-shadow:0 14px 34px -20px rgba(15,16,18,.45)}
.site-header .site-nav a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;
  color:#4b4e55!important;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.01em;transition:background .18s,color .18s;white-space:nowrap}
.site-header .site-nav a:hover{background:rgba(15,16,18,.06);color:var(--ink)!important}
.site-header .site-nav a[aria-current=page]{background:var(--ink);color:#fff!important}
.site-header .site-nav a[aria-current=page]:after{display:none}
.site-header .site-nav a[href="/intelligence"]{display:none}
/* order: Portfolio, Trade, Vaults, Lending, Strategies, Docs */
.site-header .site-nav a[href="/portfolio"]{order:1}
.site-header .site-nav a[href^="/trade"]{order:2}
.site-header .site-nav a[href="/vaults"]{order:3}
.site-header .site-nav a[href="/lending"]{order:4}
.site-header .site-nav a[href="/strategies"]{order:5}
.site-header .site-nav a[href="/docs"]{order:6}
.site-header .site-nav a[data-vs-x]{order:7}
@media (max-width:880px){
  /* the original stylesheet switches this row to `grid` on small screens, which ignores
     the ordering below, so force it back to a wrapping flex row */
  .site-header-inner{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:12px}
  .site-header .header-actions{width:auto!important;margin-left:auto}
  .site-header .site-nav{position:static;transform:none;order:9;width:100%;flex:0 0 100%;overflow-x:auto;scrollbar-width:none;box-shadow:none}
  .site-header .site-nav::-webkit-scrollbar{display:none}
  .site-header .site-nav a{padding:0 13px}
}
.brand svg,.brand>span{display:none!important}
.footer-brand{width:150px;height:38px}
.brand{
  /* o nome é agora o logótipo: o texto continua lá para quem lê com leitor de ecrã e para
     o caso de a imagem não carregar, mas fica escondido */
  gap:0!important;display:inline-flex;align-items:center;
  width:132px;height:34px;overflow:hidden;text-indent:-999em;white-space:nowrap;
  background:url(/theme/wordmark.png) left center/contain no-repeat;
}
/* o robô grande fica só na entrada: ao lado do nome era demasiado pequeno para se perceber */
.brand::before{content:none}
.brand::after{content:none}

/* header keeps only the wallet: no token button, no social link */
.header-token,.header-social{display:none!important}
.site-header .wallet-button{border-radius:999px!important;background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;font-family:var(--sans)!important;font-size:12px!important;font-weight:600;padding:10px 16px!important}
.site-header .wallet-button:disabled{opacity:.55}
.site-header .wallet-button svg{stroke:#fff}

/* ---- footer: light ---- */
.site-footer{background:var(--card)!important;color:var(--ink)!important;border-top:1px solid var(--line)!important}
.site-footer a,.site-footer p,.site-footer span,.site-footer small,.footer-legal,.footer-network,.footer-row,.footer-description{color:var(--ink-soft)!important}
.site-footer a:hover{color:var(--accent)!important}
.footer-link-group h2{color:var(--muted)!important}
.footer-bottom{border-top-color:var(--line)!important}
.site-footer a[href*="x.com"],.site-footer a[href*="blockscout.com/address"]{display:none!important}
.footer-cta{border-color:var(--ink)!important;background:transparent!important;color:var(--ink)!important;border-radius:2px!important}
.footer-cta:hover{border-color:var(--ink)!important}
.site-footer a:focus-visible{outline-color:var(--accent)!important}

/* ---- dark bands become light cards ---- */
.cta-band,.wallet-position-value,.wallet-account-avatar{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)}
.cta-band p,.wallet-position-value small,.wallet-position-value>span{color:var(--muted)!important}
.home-guard>div,.trade_principle__uPDJ4,.trade_providers__Sdkei,.diagram-stage,.fee-allocation-empty{border:1px solid var(--line)}
.home-guard .btn-light{background:var(--ink)!important;color:#fff!important}
.trade_providerStates__AYLjc>span{background:var(--cream-2)!important}

/* ---- page mastheads (were dark): re-scope the dark tokens to light ones ---- */
.masthead,.help_supportBand__yFP6a{
  --dark:#ffffff; --dark-text:#0f1012; --dark-muted:#6f7278; --accent-on-dark:#0f6fa8;
  background:var(--card)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)
}
.help_supportBand__yFP6a{border:1px solid var(--line);border-radius:20px!important}
.help_supportBand__yFP6a .help_eyebrow__7qkH7{color:var(--accent-on-dark)!important}
.help_supportBand__yFP6a p:not(.help_eyebrow__7qkH7){color:var(--muted)!important}
.masthead .btn-primary,.help_supportBand__yFP6a .btn-primary{color:#fff!important}
.masthead .vault-table-tag{background:var(--cream)!important}
.masthead .vault-table-tag-open{background:var(--accent-tint)!important}
.masthead .single-vault-metrics>div+div,.masthead .sv-stats>div+div,.masthead .ln-stats>div+div{border-left-color:var(--line)!important}
.masthead .strategy-status{border-color:var(--line)!important}
.masthead-tabs a,.masthead-tabs button{color:var(--muted)}
.masthead-tabs a[aria-current=page],.masthead-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}
.masthead .serif{color:var(--accent-on-dark)!important}
.trade_tradeMast__HltnA .trade_nav__AeRJM a[aria-current=page]{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.trade_tradeMast__HltnA .trade_nav__AeRJM a[aria-current=page] .trade_navNumber__uJ6qJ,.trade_tradeMast__HltnA .trade_nav__AeRJM a[aria-current=page] small{color:rgba(255,255,255,.7)!important}

/* ---- login modal: drop the "Protected by Privy" footer ---- */
#privy-content-footer-container,#protected-by-privy{display:none!important}

/* ---- token removed from the product surface ---- */
section#token,section#flywheel,a[href="#token"],a[href="#flywheel"]{display:none!important}

/* ---- remaining hard-coded dark blocks ---- */
.card-dark{--forest-text:var(--ink);--accent-on-dark:#0f6fa8;background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}
.card-dark .empty span,.card-dark .muted,.card-dark .pool-head,.card-dark .pool-name small,.card-dark .pool-oracle small,.card-dark .stat-label{color:var(--muted)!important}
.card-dark .pool-row,.card-dark .pool-head,.card-dark .stock-logo-frame{border-color:var(--line)!important}
.card-dark a.pool-row:hover{background:var(--cream-2)!important;box-shadow:none!important}
.card-dark .chip{border-color:var(--line)!important;color:var(--ink)!important}
.card-dark .chip.active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.card-dark .chip-count{background:var(--cream)!important}
.card-dark .chip.active .chip-count{background:rgba(255,255,255,.18)!important;color:#fff!important}
.card-dark .tag.rejected{background:var(--cream)!important;color:var(--muted)!important}
.card-dark .empty{background:var(--cream-2)!important;border-color:var(--line)!important}
.card-dark .token-logo-fallback{background:var(--ink)!important;color:#fff!important}
.help_contactCard__XMlt1{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:20px!important}
.help_contactCard__XMlt1>svg{color:var(--accent-on-dark)!important}
.help_contactCard__XMlt1>p{color:var(--muted)!important}
.managed-primary,.managed-tabs button[aria-pressed=true],.managed-recovery button,.withdrawal-panel button.withdrawal-primary,
.vaults-directory .vault-table-action .btn-primary,.help_filters__AzPnC button[aria-pressed=true],.btn-primary:hover:not(:disabled){background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
/* intelligence teaser page: light version */
.intelligence_page__zd_Iz,.intelligence_chamber__U3CMu{background:var(--paper)!important;color:var(--ink)!important}
.intelligence_page__zd_Iz>.site-header{background:rgba(240,240,242,.78)!important}
.intelligence_page__zd_Iz [class*="intelligence_"]{color:var(--ink)}
[class*="intelligence_topline"],[class*="intelligence_intro"],[class*="intelligence_secret"],[class*="intelligence_revealDate"],[class*="intelligence_signalIndex"],[class*="intelligence_signalLabel"],[class*="intelligence_eyebrow"],[class*="intelligence_status"]{color:var(--muted)!important}
[class*="intelligence_eyebrow"]>span,[class*="intelligence_copy"] h1 em,[class*="intelligence_revealDate"] time{color:#0f6fa8!important}
[class*="intelligence_status"]>span{background:var(--accent)!important;box-shadow:0 0 12px rgba(30,134,201,.5)!important}
[class*="intelligence_follow"]{border-color:var(--line)!important;color:var(--ink)!important;border-radius:2px!important;background:var(--card)!important}
[class*="intelligence_follow"]:hover{border-color:var(--ink)!important;background:var(--cream-2)!important}
[class*="intelligence_reveal"]{border-color:var(--line)!important}
[class*="intelligence_axis"]{border-color:var(--line)!important}
[class*="intelligence_signalHalo"]{background:radial-gradient(ellipse,rgba(30,134,201,.08) 0,rgba(30,134,201,.03) 40%,transparent 65%)!important}

/* ---- surfaces: crisper, cooler ---- */
.panel,.card,.metric,.vault-card,.market-card,table{border-color:var(--line)}

h1{font-weight:700;letter-spacing:-.035em}
::selection{background:rgba(30,134,201,.25)}