/* Trader AI — modern emerald glass theme
   UI-only overrides. Existing Laravel components and routes remain unchanged. */
:root{
  --ta-bg:#050b09;
  --ta-bg-2:#08130f;
  --ta-panel:rgba(13,25,20,.82);
  --ta-panel-strong:rgba(17,34,27,.96);
  --ta-line:rgba(74,222,128,.16);
  --ta-line-strong:rgba(74,222,128,.34);
  --ta-green:#35e27c;
  --ta-green-2:#0fbf68;
  --ta-mint:#8fffc0;
  --ta-text:#f4fff8;
  --ta-muted:#9fb6aa;
  --ta-shadow:0 20px 55px rgba(0,0,0,.34);
  --ta-glow:0 0 32px rgba(53,226,124,.13);
}

html{background:var(--ta-bg)!important;scroll-behavior:smooth}
body,
body.dark-theme,
body.light-theme{
  background:
    radial-gradient(circle at 8% 5%,rgba(53,226,124,.11),transparent 26%),
    radial-gradient(circle at 92% 18%,rgba(0,210,150,.08),transparent 24%),
    linear-gradient(180deg,var(--ta-bg-2) 0%,var(--ta-bg) 58%,#030706 100%)!important;
  color:var(--ta-text)!important;
  font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 80%);opacity:.28;
}

a{transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}
a:hover{color:var(--ta-mint)}

/* User shell */
.panel-layout{background:transparent!important}
.panel-layout .panel-header{
  background:rgba(4,12,9,.84)!important;border:1px solid var(--ta-line)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.panel-layout .panel-header .logo{background:transparent!important;border-color:var(--ta-line)!important}
.panel-layout .panel-header .logo img{max-height:42px;object-fit:contain}
.panel-layout .panel-header .nav-wrap{background:transparent!important;border-color:var(--ta-line)!important}
.panel-layout .panel-header .nav-wrap .nav-left .sidebar-toggle,
.panel-layout .panel-header .nav-wrap .nav-right .single-nav-right .single-right .item{
  background:linear-gradient(135deg,#153b2a,#0d241a)!important;border:1px solid var(--ta-line-strong)!important;
  color:var(--ta-text)!important;border-radius:12px!important;box-shadow:var(--ta-glow)!important;
}
.panel-layout .panel-header .nav-wrap .nav-right .single-nav-right .single-right .site-nice-select{
  background:#0b1a13!important;border:1px solid var(--ta-line)!important;color:var(--ta-text)!important;border-radius:12px!important;
}
.panel-layout .panel-header .nav-wrap .nav-right .single-nav-right .single-right .dropdown-menu{
  background:rgba(7,17,13,.97)!important;border:1px solid var(--ta-line)!important;border-radius:16px!important;box-shadow:var(--ta-shadow)!important;
  padding:8px!important;overflow:hidden
}
.panel-layout .panel-header .nav-wrap .nav-right .single-nav-right .single-right .dropdown-menu .dropdown-item{border-radius:10px;color:#dff8e9!important}
.panel-layout .panel-header .nav-wrap .nav-right .single-nav-right .single-right .dropdown-menu .dropdown-item:hover{background:rgba(53,226,124,.1)!important;color:#fff!important}

.panel-layout .side-nav{
  background:rgba(4,13,10,.94)!important;border-right:1px solid var(--ta-line)!important;box-shadow:15px 0 45px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
.panel-layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item a{
  color:#9fb6aa!important;border-radius:13px!important;margin:4px 8px;padding:12px 14px!important;
}
.panel-layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item a:hover,
.panel-layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item.active a{
  color:#fff!important;background:linear-gradient(90deg,rgba(53,226,124,.14),rgba(53,226,124,.03))!important;
  box-shadow:inset 3px 0 0 var(--ta-green),0 8px 24px rgba(53,226,124,.05)
}

.section-gap{padding-top:20px!important}

/* Cards */
.site-card,
.dark-theme .site-card,
.dark-theme .panel-layout .site-card{
  background:linear-gradient(145deg,rgba(16,34,26,.9),rgba(7,17,13,.84))!important;
  border:1px solid var(--ta-line)!important;border-radius:20px!important;box-shadow:var(--ta-shadow)!important;
  overflow:hidden;position:relative
}
.site-card:after{
  content:"";position:absolute;width:110px;height:110px;right:-55px;top:-55px;border-radius:50%;background:rgba(53,226,124,.08);pointer-events:none
}
.site-card .site-card-header{border-bottom:1px solid var(--ta-line)!important;padding:17px 20px!important}
.site-card .site-card-header .title,.dark-theme .site-card .site-card-header .title{color:#f3fff7!important;font-weight:700!important;letter-spacing:.2px}
.site-card .site-card-body{color:#c8ddd1!important}
.site-card .site-card-body .body-title,.site-card h1,.site-card h2,.site-card h3,.site-card h4,.site-card h5{color:#f4fff8!important}

/* Buttons */
.site-btn,.primary-btn,.blue-btn,.grad-btn,.custom-button,.button-gradient{
  border:0!important;border-radius:13px!important;color:#031008!important;font-weight:700!important;
  background:linear-gradient(135deg,var(--ta-green),#14b968)!important;
  box-shadow:0 10px 28px rgba(53,226,124,.17)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important
}
.site-btn:hover,.primary-btn:hover,.blue-btn:hover,.grad-btn:hover,.custom-button:hover,.button-gradient:hover{
  transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 35px rgba(53,226,124,.25)!important;color:#031008!important
}

/* Inputs */
.form-control,.form-select,.site-nice-select,
.progress-steps-form .input-group .form-control,
.progress-steps-form .input-group .form-select,
input,select,textarea{
  background:rgba(4,13,10,.78)!important;color:#effff5!important;border:1px solid rgba(111,255,166,.16)!important;
  border-radius:12px!important;min-height:44px;box-shadow:none!important
}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(53,226,124,.58)!important;box-shadow:0 0 0 3px rgba(53,226,124,.09)!important;outline:none!important
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#6f897b!important}
label{color:#cde2d5!important}

/* Investment plans / schema */
.single-investment-plan{
  background:linear-gradient(145deg,rgba(16,36,27,.94),rgba(7,16,12,.9))!important;
  border:1px solid rgba(53,226,124,.2)!important;border-radius:22px!important;box-shadow:var(--ta-shadow)!important;overflow:hidden
}
.single-investment-plan:hover{transform:translateY(-7px)!important;border-color:rgba(53,226,124,.46)!important;box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 28px rgba(53,226,124,.08)!important}
.single-investment-plan p{color:#91b4a0!important}
.single-investment-plan .feature-plan{background:linear-gradient(135deg,var(--ta-green),#0b9c59)!important;color:#031008!important;border:0!important}

/* Tables / transactions */
.table{color:#dff5e8!important;border-color:var(--ta-line)!important}
.table>:not(caption)>*>*{background:transparent!important;color:inherit!important;border-color:var(--ta-line)!important}
.table thead th{color:#8fffc0!important;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.site-transactions .single{background:rgba(11,26,19,.88)!important;border:1px solid var(--ta-line)!important;border-radius:14px!important}
.site-pagination .page-item .page-link{background:#0b1b14!important;color:#bce6cb!important;border-color:var(--ta-line)!important;border-radius:10px!important;margin:2px}
.site-pagination .page-item.active .page-link{background:var(--ta-green)!important;color:#031008!important;border-color:var(--ta-green)!important}

/* Balance / dashboard cards */
.amount-display,.paragraph-container,.content-container,.navy-blue-bg{
  background:linear-gradient(145deg,#102b1f,#08140f)!important;color:#effff5!important;border:1px solid var(--ta-line)!important;
  border-radius:18px!important;box-shadow:var(--ta-shadow)!important
}
.amount-display{padding:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.amount-display>div{padding:14px!important;background:rgba(255,255,255,.025);border:1px solid rgba(111,255,166,.09);border-radius:14px;animation:taFloat 6s ease-in-out infinite}
.amount-display>div:nth-child(2n){animation-delay:-2s}
.rtf{color:#8fa99b!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.7px;margin:0 0 5px!important}
.rtt{color:#f4fff8!important;font-size:18px!important;font-weight:700;margin:0!important}

/* Mobile/home custom blocks already present in this script */
.fixed-header{background:rgba(4,13,10,.88)!important;border:1px solid var(--ta-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important;backdrop-filter:blur(16px)}
.marquee{background:linear-gradient(90deg,rgba(53,226,124,.12),rgba(53,226,124,.025))!important;border:1px solid var(--ta-line)!important;color:#e8fff0!important;border-radius:14px!important}
.container-grid .small-card,.container-grid .item-grid-1,.container-grid .item-grid-2,.container-grid .item-grid-3{
  background:linear-gradient(145deg,#123524,#091810)!important;border:1px solid var(--ta-line)!important;border-radius:18px!important;box-shadow:var(--ta-shadow)!important
}
.container-grid a:hover{transform:translateY(-4px);border-color:var(--ta-line-strong)!important}
.custom-popup{background:linear-gradient(145deg,#10271d,#07100c)!important;border:1px solid var(--ta-line-strong)!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;color:#effff5!important}

/* Hero / public pages */
.hero-area,.section-style-2,.section-style-1{position:relative}
.hero-area:before{
  content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(53,226,124,.18),transparent 35%)
}
.section-title h4{color:var(--ta-green)!important;text-transform:uppercase;letter-spacing:1.8px;font-size:12px!important}
.section-title h2{color:#f4fff8!important;font-weight:800!important}
.header,.footer,.footer-area{background:rgba(4,12,9,.9)!important;border-color:var(--ta-line)!important}

/* Crypto screens */
.crypto-green-ui .site-card{border-top:0!important}
.crypto-address-card{background:linear-gradient(145deg,rgba(15,36,26,.9),rgba(7,17,13,.86))!important;border-color:var(--ta-line)!important;border-radius:16px!important}
.crypto-address-box{background:rgba(3,12,8,.72)!important;border:1px solid var(--ta-line)!important;color:#e9fff1!important}
.copy-wallet-btn{background:linear-gradient(135deg,var(--ta-green),#0ba85b)!important;color:#031008!important;border-radius:10px!important;font-weight:700}

/* Alerts */
.alert{border-radius:13px!important;border:1px solid var(--ta-line)!important;background:rgba(53,226,124,.07)!important;color:#dff8e8!important}

/* Smooth entrance */
@keyframes taFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes taGlow{0%,100%{box-shadow:0 0 0 rgba(53,226,124,0)}50%{box-shadow:0 0 26px rgba(53,226,124,.08)}}
.site-card,.single-investment-plan{animation:taGlow 6s ease-in-out infinite}

@media (max-width:600px){
  .section-gap{padding-top:12px!important}
  .site-card{border-radius:17px!important;margin-bottom:16px!important}
  .amount-display{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .amount-display>div{padding:11px!important}
  .rtt{font-size:16px!important}
  .panel-layout .panel-header .logo img{max-height:34px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}
}