/* =========================================================
   TRADE ACADEMY — UNIFIED THEME V1
   Official project palette
   ========================================================= */

:root{
    --ta-navy:#07131A;
    --ta-navy-2:#0B2230;
    --ta-teal:#0E7490;

    --ta-blue:#38BDF8;
    --ta-blue-strong:#0284C7;
    --ta-blue-dark:#075985;

    --ta-blue-soft:#EAF7FF;
    --ta-blue-soft-2:#F3FAFD;

    --ta-bg:#F4F8FB;
    --ta-card:#FFFFFF;

    --ta-text:#0F172A;
    --ta-text-2:#334155;
    --ta-muted:#64748B;

    --ta-line:#D7E5ED;
    --ta-line-blue:#A7DDF9;

    --ta-gold:#F4C542;

    --ta-success:#15803D;
    --ta-success-bg:#EAF8EF;

    --ta-warning:#8A6100;
    --ta-warning-bg:#FFF7DF;

    --ta-danger:#B42318;
    --ta-danger-bg:#FFF1F0;


    /* =====================================================
       ADMIN / SIDEBAR — linked to global palette
       ===================================================== */

    --ta-admin-sidebar-bg:
        linear-gradient(
            180deg,
            var(--ta-navy) 0%,
            var(--ta-navy-2) 62%,
            var(--ta-teal) 100%
        );

    --ta-admin-sidebar-text:#EAF6FC;
    --ta-admin-sidebar-muted:#AFCBDA;

    --ta-admin-sidebar-border:rgba(125,211,252,.20);

    --ta-admin-sidebar-hover:
        rgba(125,211,252,.08);

    --ta-admin-sidebar-active:
        linear-gradient(
            135deg,
            rgba(56,189,248,.19),
            rgba(14,116,144,.18)
        );

    --ta-admin-sidebar-icon:
        rgba(125,211,252,.09);

    --ta-admin-sidebar-icon-active:
        rgba(125,211,252,.18);

    --ta-admin-sidebar-scroll:
        linear-gradient(
            180deg,
            #7DD3FC,
            var(--ta-blue),
            var(--ta-teal)
        );
}


/* =========================================================
   DOCUMENT
   ========================================================= */

html{
    background:var(--ta-bg);
}

body{
    background:var(--ta-bg);
    color:var(--ta-text);
}

::selection{
    background:rgba(56,189,248,.24);
    color:var(--ta-navy);
}


/* =========================================================
   TEXT
   ========================================================= */

h1,h2,h3,h4,h5,h6{
    color:var(--ta-text);
}

p,
li,
label,
small,
.note,
.muted,
.description{
    color:inherit;
}

a{
    color:var(--ta-blue-dark);
}


/* =========================================================
   NORMAL LIGHT SURFACES
   ========================================================= */

.card,
.box,
.tile,
.section-card,
.content-card,
.form-card{
    border-color:var(--ta-line);
}

.card:not(.dark):not(.hero):not([class*="hero"]),
.box:not(.dark),
.tile:not(.dark),
.section-card{
    color:var(--ta-text);
}


/* =========================================================
   OFFICIAL DARK / HERO LOOK
   ========================================================= */

.ta-dark,
.ta-premium,
.hero-dark,
.page-hero-dark,
.community-hero,
.recommendation-hero,
.trade-alert-box,
.tier-panel,
.teaser-lock{
    background:
        linear-gradient(
            135deg,
            var(--ta-navy) 0%,
            var(--ta-navy-2) 58%,
            var(--ta-teal) 100%
        );

    color:#FFFFFF;

    border-color:rgba(125,211,252,.28);
}

.ta-dark h1,
.ta-dark h2,
.ta-dark h3,
.ta-premium h1,
.ta-premium h2,
.ta-premium h3,
.community-hero h1,
.community-hero h2,
.community-hero h3,
.recommendation-hero h1,
.recommendation-hero h2,
.recommendation-hero h3{
    color:#FFFFFF;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn,
button.btn{
    transition:
        transform .15s ease,
        filter .15s ease,
        box-shadow .15s ease;
}

.btn:hover,
button.btn:hover{
    transform:translateY(-1px);
}

.btn.primary,
.btn.blue,
button.primary,
button.blue{
    background:
        linear-gradient(
            135deg,
            #8AD8FF,
            #54BDF5
        );

    color:var(--ta-navy);

    border-color:#54BDF5;
}

.btn.dark,
button.dark{
    background:var(--ta-navy);

    color:#FFFFFF;

    border-color:#203544;
}

.btn.gold,
button.gold{
    background:var(--ta-gold);

    color:var(--ta-navy);

    border-color:var(--ta-gold);
}

.btn.danger,
button.danger{
    background:var(--ta-danger-bg);

    color:var(--ta-danger);

    border-color:#EFC7C3;
}


/* =========================================================
   INPUTS
   ========================================================= */

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.field{
    background:#FFFFFF;

    color:var(--ta-text);

    border-color:var(--ta-line-blue);
}

input::placeholder,
textarea::placeholder{
    color:#718096;
    opacity:1;
}

input:focus,
select:focus,
textarea:focus,
.field:focus{
    outline:none;

    border-color:#54BDF5;

    box-shadow:
        0 0 0 3px rgba(84,189,245,.14);
}


/* =========================================================
   STATES
   ========================================================= */

.success,
.alert.success,
.status-success{
    background:var(--ta-success-bg);

    color:var(--ta-success);

    border-color:#A8DDBB;
}

.warning,
.alert.warning,
.status-warning{
    background:var(--ta-warning-bg);

    color:var(--ta-warning);

    border-color:#EBD58D;
}

.error,
.alert.error,
.danger-alert{
    background:var(--ta-danger-bg);

    color:var(--ta-danger);

    border-color:#EFC7C3;
}


/* =========================================================
   BADGES
   ========================================================= */

.badge,
.pill,
.tag,
.chip{
    border-color:var(--ta-line);
}

.badge:not(.danger):not(.warning):not(.success),
.pill:not(.danger):not(.warning):not(.success){
    background:var(--ta-blue-soft);

    color:var(--ta-blue-dark);
}


/* =========================================================
   TABLES
   ========================================================= */

table{
    border-color:var(--ta-line);
}

thead th{
    background:#EAF7FF;
    color:var(--ta-navy);
}

tbody td{
    color:var(--ta-text);
    border-color:var(--ta-line);
}


/* =========================================================
   CLIENT / ADMIN DARK NAVIGATION
   ========================================================= */

aside.side,
.sidebar,
.client-sidebar{
    background:var(--ta-navy);
}

aside.side a,
.sidebar a,
.client-sidebar a{
    color:#FFFFFF;
}


/* =========================================================
   SUPPORT
   ========================================================= */

.ta-support-head{
    background:
        linear-gradient(
            135deg,
            #9DDEFF,
            #6DCBFF
        );

    color:var(--ta-navy);
}

.ta-support-launcher{
    background:
        linear-gradient(
            135deg,
            #9DDEFF,
            #6DCBFF
        );

    color:var(--ta-navy);
}


/* =========================================================
   PAYMENT CARDS
   ========================================================= */

#payment-methods .pay-card{
    background:#FFFFFF;
    color:var(--ta-text);
}

#payment-methods .pay-name,
#payment-methods .pay-amount,
#payment-methods .pay-value{
    color:var(--ta-text);
    -webkit-text-fill-color:var(--ta-text);
}

#payment-methods .pay-tag,
#payment-methods .pay-row > span:first-child{
    color:var(--ta-muted);
    -webkit-text-fill-color:var(--ta-muted);
}


/* =========================================================
   SCROLLBARS
   ========================================================= */

*{
    scrollbar-color:#54BDF5 #E8F1F5;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    .card,
    .box,
    .section-card{
        border-radius:15px;
    }

}