/*
 * AiBoss Divi Child v2.3.0 — Stage 3 Finance UI
 * Presentation only. Finance semantics are supplied by WP Affiliasi.
 */
:root{
  --aiboss-s3-cyan:#3feaff;
  --aiboss-s3-blue:#168cff;
  --aiboss-s3-violet:#7c5cff;
  --aiboss-s3-bg:#061426;
  --aiboss-s3-surface:rgba(9,35,58,.76);
  --aiboss-s3-surface2:rgba(14,31,58,.72);
  --aiboss-s3-line:rgba(76,215,255,.16);
}

/* =========================================================
   MARKET OTC — true page-width contract
   ========================================================= */
body.aiboss-otc-fullscreen,
body.aiboss-otc-fullscreen #page-container{
  overflow-x:hidden!important;
}
body.aiboss-otc-fullscreen #main-content,
body.aiboss-otc-fullscreen .aixdv-shell,
body.aiboss-otc-fullscreen .aixdv-main-otc,
body.aiboss-otc-fullscreen .aixdv-content-otc,
body.aiboss-otc-fullscreen .aixdv-article{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
body.aiboss-otc-fullscreen .aixdv-main-otc{margin-left:0!important}
body.aiboss-otc-fullscreen .aixdv-content-otc{margin-left:0!important}
body.aiboss-otc-fullscreen .aixdv-article{margin-left:0!important}

/* Header remains aligned; terminal alone owns the viewport width. */
body.aiboss-otc-fullscreen #aiboss-otc-market{
  width:100vw!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}

/* Keep two-column trading terminal, but let each column breathe. */
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-trading-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
}
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-form,
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-orderbook{
  min-width:0!important;
}
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-inputline{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px max-content!important;
  width:100%!important;
}
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-inputline input{
  width:100%!important;
  min-width:0!important;
}
body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-inputline small{
  max-width:100%!important;
}
@media(min-width:901px){
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-header{
    padding-left:clamp(24px,4vw,64px)!important;
    padding-right:clamp(24px,4vw,64px)!important;
  }
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-trading-grid{
    min-height:560px;
  }
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-form,
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-orderbook{
    padding:clamp(22px,3vw,42px)!important;
  }
}
@media(max-width:700px){
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-inputline{
    grid-template-columns:30px minmax(0,1fr) 30px max-content!important;
  }
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-trading-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}
@media(max-width:359px){
  body.aiboss-otc-fullscreen #aiboss-otc-market .cb-otc463-inputline{
    grid-template-columns:25px minmax(0,1fr) 25px max-content!important;
  }
}

/* =========================================================
   FOUR BALANCE ROOMS — smart segmented navigation
   ========================================================= */
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb462-wallet-rooms{
  margin:16px 0 18px!important;
  padding:7px!important;
  border:1px solid rgba(77,213,255,.11)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(7,31,51,.78),rgba(11,24,48,.58))!important;
  box-shadow:inset 0 1px rgba(200,246,255,.04),0 10px 28px rgba(0,0,0,.14)!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb462-room-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell button.cb462-room-tab{
  min-height:43px!important;
  padding:8px 7px!important;
  border-radius:11px!important;
  color:#8ca8bf!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  background:transparent!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell button.cb462-room-tab:after{
  display:none!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell button.cb462-room-tab.is-active{
  color:#f4fdff!important;
  background:linear-gradient(135deg,rgba(14,156,228,.88),rgba(83,75,191,.82))!important;
  box-shadow:0 7px 18px rgba(19,137,220,.18),inset 0 1px rgba(255,255,255,.15)!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell button.cb462-room-tab:hover{
  color:#e8fbff!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell [data-cb462-assets]{
  animation:aiboss-s3-room-in .24s ease both;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell [data-cb462-assets] .cb-wallet-asset{
  transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell [data-cb462-assets] .cb-wallet-asset:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 18px rgba(32,208,255,.045)!important;
}
@keyframes aiboss-s3-room-in{
  from{opacity:.72;transform:translateY(3px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:620px){
  body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb462-wallet-rooms{
    margin:12px 0 14px!important;
    padding:5px!important;
    border-radius:15px!important;
  }
  body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb462-room-tabs{
    gap:3px!important;
  }
  body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell button.cb462-room-tab{
    min-height:40px!important;
    padding:7px 3px!important;
    border-radius:9px!important;
    font-size:clamp(10px,2.8vw,12px)!important;
  }
}

/* =========================================================
   ASSET CARDS — stronger hierarchy, less visual noise
   ========================================================= */
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-section-head{
  margin-top:14px!important;
  margin-bottom:10px!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-section-head strong{
  color:#edfaff!important;
  font-size:clamp(18px,4.5vw,22px)!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-section-head span{
  color:#72a8bd!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset{
  border-color:rgba(81,213,255,.11)!important;
  background:linear-gradient(145deg,rgba(10,39,63,.82),rgba(17,28,59,.72))!important;
  box-shadow:inset 0 1px rgba(202,246,255,.035),0 10px 24px rgba(0,0,0,.11)!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset h4,
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset strong{
  color:#edfaff!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset p,
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset small{
  color:#88abc0!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb-wallet-asset-value strong{
  text-shadow:0 0 16px rgba(54,220,255,.07);
}
body.aixdv-app.aixdv-skin-scifi .cb-wallet-shell .cb462-market-link{
  color:#6feaff!important;
  font-weight:850!important;
}

/* =========================================================
   VVIP — luxury density and responsive grid
   ========================================================= */
body.aixdv-app.aixdv-skin-scifi .cb-vvip450{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-hero,
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-panel,
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-obligation{
  border-color:rgba(71,218,255,.13)!important;
  background:linear-gradient(145deg,rgba(9,39,63,.84),rgba(15,28,58,.73))!important;
  box-shadow:inset 0 1px rgba(206,246,255,.035),0 14px 34px rgba(0,0,0,.16),0 0 24px rgba(65,75,205,.035)!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-hero{
  overflow:hidden;
}
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-actions{
  gap:9px!important;
}
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-actions a,
body.aixdv-app.aixdv-skin-scifi .cb-vvip450 .v450-btn{
  min-height:46px!important;
}
@media(max-width:680px){
  body.aixdv-app.aixdv-skin-scifi .cb-vvip450{
    max-width:none!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* =========================================================
   Accessibility + motion
   ========================================================= */
body.aixdv-app.aixdv-skin-scifi :is(.cb462-room-tab,.cb-wallet-action,.cb462-market-link,#aiboss-otc-market button,#aiboss-otc-market a){
  -webkit-tap-highlight-color:transparent;
}
@media(prefers-reduced-motion:reduce){
  body.aixdv-app.aixdv-skin-scifi *,
  body.aixdv-app.aixdv-skin-scifi *:before,
  body.aixdv-app.aixdv-skin-scifi *:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

.aiboss-s3-price-pulse{animation:aiboss-s3-price-pulse .55s ease!important}
@keyframes aiboss-s3-price-pulse{0%{filter:brightness(1)}45%{filter:brightness(1.42);text-shadow:0 0 24px rgba(65,231,255,.36)}100%{filter:brightness(1)}}
