/* ============================================================
   EA Platform Modern UI
   ============================================================ */

:root {
    --ea-bg: #07111f;
    --ea-bg-soft: #0c1728;
    --ea-card: rgba(16, 28, 48, 0.86);
    --ea-border: rgba(255,255,255,0.08);
    --ea-text: #eaf2ff;
    --ea-muted: #9fb0c7;
    --ea-green: #22c55e;
    --ea-blue: #38bdf8;
    --ea-gold: #fbbf24;
    --ea-red: #ef4444;
}

body.ea-body {
    background: radial-gradient(circle at top left, rgba(56, 189, 248, .18), transparent 32%),
                radial-gradient(circle at top right, rgba(34, 197, 94, .13), transparent 30%),
                var(--ea-bg);
    color: var(--ea-text);
}

.ea-navbar {
    background: rgba(4, 12, 24, .92) !important;
    border-bottom: 1px solid var(--ea-border);
    backdrop-filter: blur(10px);
}

.ea-content {
    background: transparent !important;
    min-height: calc(100vh - 110px);
}

.ea-footer {
    background: rgba(4, 12, 24, .95) !important;
    color: var(--ea-muted);
    border-top: 1px solid var(--ea-border);
}

.ea-hero {
    padding: 70px 0 55px;
}

.ea-hero-card {
    background: linear-gradient(135deg, rgba(16, 28, 48, .95), rgba(10, 20, 38, .88));
    border: 1px solid var(--ea-border);
    border-radius: 28px;
    padding: 36px;
    box-shadow: 0 30px 90px rgba(0,0,0,.35);
    position: relative;
    overflow: hidden;
}

.ea-hero-card:before {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 240px;
    height: 240px;
    background: rgba(34, 197, 94, .16);
    filter: blur(20px);
    border-radius: 100%;
}

.ea-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #86efac;
    background: rgba(34, 197, 94, .10);
    border: 1px solid rgba(34, 197, 94, .25);
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    margin-bottom: 18px;
}

.ea-title {
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -1px;
}

.ea-subtitle {
    color: var(--ea-muted);
    font-size: 18px;
    max-width: 720px;
}

.ea-card {
    background: var(--ea-card);
    border: 1px solid var(--ea-border);
    border-radius: 22px;
    color: var(--ea-text);
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.ea-card .card-header {
    background: transparent;
    border-bottom: 1px solid var(--ea-border);
}

.ea-card .card-footer {
    background: transparent;
    border-top: 1px solid var(--ea-border);
}

.ea-muted {
    color: var(--ea-muted);
}

.ea-metric {
    background: rgba(255,255,255,.045);
    border: 1px solid var(--ea-border);
    border-radius: 18px;
    padding: 18px;
}

.ea-metric .label {
    color: var(--ea-muted);
    font-size: 13px;
}

.ea-metric .value {
    font-size: 24px;
    font-weight: 800;
    margin-top: 4px;
}

.ea-product-card {
    height: 100%;
    transition: transform .2s ease, border-color .2s ease;
}

.ea-product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, .35);
}

.ea-product-cover {
    height: 180px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(34,197,94,.13));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ea-product-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ea-product-cover .placeholder {
    font-size: 46px;
    color: rgba(255,255,255,.45);
}

.ea-badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,.1);
    color: var(--ea-text);
    background: rgba(255,255,255,.06);
}

.ea-badge.green { color: #86efac; border-color: rgba(34,197,94,.28); background: rgba(34,197,94,.10); }
.ea-badge.blue { color: #7dd3fc; border-color: rgba(56,189,248,.28); background: rgba(56,189,248,.10); }
.ea-badge.gold { color: #fde68a; border-color: rgba(251,191,36,.28); background: rgba(251,191,36,.10); }
.ea-badge.red { color: #fecaca; border-color: rgba(239,68,68,.28); background: rgba(239,68,68,.10); }

.ea-price {
    font-size: 28px;
    font-weight: 800;
    color: #86efac;
}

.ea-form-control,
.form-control {
    background: rgba(255,255,255,.06) !important;
    color: var(--ea-text) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
}

.form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(56,189,248,.18) !important;
    border-color: rgba(56,189,248,.50) !important;
}

.form-control::placeholder {
    color: rgba(255,255,255,.45);
}

.ea-btn {
    border-radius: 12px;
    font-weight: 700;
    padding: 10px 16px;
}

.ea-table {
    color: var(--ea-text);
}

.ea-table th,
.ea-table td {
    border-color: rgba(255,255,255,.08) !important;
}

.ea-section-title {
    font-weight: 800;
    letter-spacing: -.3px;
}

.ea-step {
    display: flex;
    gap: 14px;
}

.ea-step-number {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: rgba(34,197,94,.14);
    color: #86efac;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.ea-risk-box {
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.23);
    color: #fde68a;
    border-radius: 18px;
    padding: 18px;
}

.ea-auth-card {
    max-width: 520px;
    margin: 30px auto;
}

a {
    color: #7dd3fc;
}

a:hover {
    color: #bae6fd;
}

.modal-content {
    background: var(--ea-bg-soft);
    color: var(--ea-text);
    border: 1px solid var(--ea-border);
}


/* ============================================================
   Admin Dashboard Button + Status UI Fix
   ============================================================ */

.ea-dashboard-stat-card {
    border-radius: 18px;
}

.ea-dashboard-table-card {
    border-radius: 22px;
    overflow: hidden;
}

.ea-dashboard-table {
    margin-bottom: 0;
}

.ea-dashboard-table thead th {
    font-size: 14px;
    font-weight: 800;
    color: #eaf2ff;
    white-space: nowrap;
}

.ea-dashboard-table tbody td {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ea-order-no {
    font-weight: 600;
    color: #eaf2ff;
    letter-spacing: 0.2px;
}

.ea-action-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 6px 16px rgba(0,0,0,.22);
    transition: all .16s ease;
}

.ea-action-btn:hover {
    background: #38bdf8;
    color: #00111f !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(56,189,248,.22);
}

.ea-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
}

.ea-status-pill i {
    font-size: 12px;
}

.ea-status-success {
    color: #22c55e;
    background: rgba(34,197,94,.08);
    border-color: rgba(34,197,94,.18);
}

.ea-status-warning {
    color: #facc15;
    background: rgba(250,204,21,.08);
    border-color: rgba(250,204,21,.20);
}

.ea-status-danger {
    color: #fb7185;
    background: rgba(251,113,133,.08);
    border-color: rgba(251,113,133,.20);
}

.ea-status-info {
    color: #38bdf8;
    background: rgba(56,189,248,.08);
    border-color: rgba(56,189,248,.20);
}

.ea-status-secondary {
    color: #cbd5e1;
    background: rgba(148,163,184,.08);
    border-color: rgba(148,163,184,.18);
}


/* ============================================================
   Admin List Pages Premium UI
   ============================================================ */

.ea-admin-page-head {
    margin-bottom: 22px;
}

.ea-admin-page-head .ea-section-title {
    font-size: 34px;
    margin-bottom: 4px;
}

.ea-admin-toolbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ea-admin-stat-card {
    border-radius: 18px;
    min-height: 92px;
    position: relative;
    overflow: hidden;
}

.ea-admin-stat-card:after {
    content: "";
    position: absolute;
    right: -28px;
    top: -28px;
    width: 100px;
    height: 100px;
    background: rgba(56,189,248,.08);
    border-radius: 999px;
}

.ea-admin-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    font-size: 22px;
}

.ea-admin-list-card {
    border-radius: 22px;
    overflow: hidden;
}

.ea-admin-list-card .card-header {
    padding: 18px 22px;
}

.ea-admin-list-card .card-body {
    padding: 18px 22px 22px;
}

.ea-admin-table {
    margin-bottom: 0 !important;
}

.ea-admin-table thead th {
    color: #eaf2ff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .35px;
    border-top: 0 !important;
    white-space: nowrap;
}

.ea-admin-table tbody td {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ea-admin-table tbody tr {
    transition: background .16s ease;
}

.ea-admin-table tbody tr:hover {
    background: rgba(255,255,255,.035);
}

.ea-main-text {
    color: #eaf2ff;
    font-weight: 800;
}

.ea-sub-text {
    color: #9fb0c7;
    font-size: 12px;
}

.ea-mini-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: #cbd5e1;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
}

.ea-mini-tag-green {
    color: #86efac;
    background: rgba(34,197,94,.10);
    border-color: rgba(34,197,94,.20);
}

.ea-mini-tag-blue {
    color: #7dd3fc;
    background: rgba(56,189,248,.10);
    border-color: rgba(56,189,248,.20);
}

.ea-mini-tag-gold {
    color: #fde68a;
    background: rgba(251,191,36,.10);
    border-color: rgba(251,191,36,.20);
}

.ea-action-group {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.ea-action-btn-info:hover {
    background: #38bdf8;
}

.ea-action-btn-success:hover {
    background: #22c55e;
}

.ea-action-btn-warning:hover {
    background: #facc15;
}

.ea-action-btn-danger:hover {
    background: #fb7185;
}

.ea-money-positive {
    color: #86efac;
    font-weight: 800;
}

.ea-money-negative {
    color: #fb7185;
    font-weight: 800;
}

.ea-code-soft {
    color: #bae6fd;
    background: rgba(56,189,248,.08);
    border: 1px solid rgba(56,189,248,.15);
    border-radius: 8px;
    padding: 3px 7px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info {
    color: #cbd5e1 !important;
}

.dataTables_wrapper .page-link {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.10);
    color: #eaf2ff;
}

.dataTables_wrapper .page-item.active .page-link {
    background: #2563eb;
    border-color: #2563eb;
}

.dataTables_wrapper .page-item.disabled .page-link {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.07);
    color: #64748b;
}


/* ============================================================
   Phase 5 Public + Member Premium UI + Slider
   ============================================================ */

.ea-public-hero-slider {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    min-height: 440px;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 28px 90px rgba(0,0,0,.34);
    background: linear-gradient(135deg, rgba(15,23,42,.98), rgba(3,7,18,.95));
}

.ea-slide {
    min-height: 440px;
    display: none;
    align-items: center;
    padding: 46px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.ea-slide.active {
    display: flex;
}

.ea-slide:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at right, rgba(34,197,94,.18), transparent 34%),
        linear-gradient(90deg, rgba(3,7,18,.92), rgba(3,7,18,.38));
}

.ea-slide-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

.ea-slide-title {
    font-size: clamp(34px, 5vw, 68px);
    font-weight: 900;
    letter-spacing: -1.6px;
    line-height: 1.02;
    margin-bottom: 14px;
}

.ea-slide-subtitle {
    color: #cbd5e1;
    font-size: 18px;
    line-height: 1.7;
}

.ea-slider-dots {
    position: absolute;
    left: 46px;
    bottom: 26px;
    display: flex;
    gap: 9px;
    z-index: 4;
}

.ea-slider-dot {
    width: 38px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.22);
    cursor: pointer;
    transition: all .2s ease;
}

.ea-slider-dot.active {
    background: #22c55e;
    box-shadow: 0 0 18px rgba(34,197,94,.55);
}

.ea-premium-panel {
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(8,16,31,.92));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    box-shadow: 0 22px 70px rgba(0,0,0,.25);
}

.ea-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
}

.ea-feature-box {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 18px;
    height: 100%;
}

.ea-feature-box .icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(34,197,94,.12);
    color: #86efac;
    font-size: 22px;
    margin-bottom: 12px;
}

.ea-member-shell {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 22px;
}

.ea-member-sidebar {
    position: sticky;
    top: 84px;
    height: fit-content;
}

.ea-member-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #cbd5e1;
    padding: 11px 12px;
    border-radius: 12px;
    margin-bottom: 6px;
    transition: .16s ease;
}

.ea-member-menu a:hover,
.ea-member-menu a.active {
    background: rgba(56,189,248,.10);
    color: #eaf2ff;
    text-decoration: none;
}

.ea-member-menu i {
    width: 18px;
    text-align: center;
}

.ea-premium-table thead th {
    color: #eaf2ff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .35px;
    border-top: 0 !important;
    white-space: nowrap;
}

.ea-premium-table tbody td {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ea-portal-card {
    border-radius: 22px;
    overflow: hidden;
}

.ea-copy-master-card {
    border-radius: 22px;
    transition: transform .16s ease, border-color .16s ease;
}

.ea-copy-master-card:hover {
    transform: translateY(-3px);
    border-color: rgba(34,197,94,.25);
}

.ea-signal-card {
    border-radius: 20px;
    border-left: 4px solid rgba(56,189,248,.7);
}

.ea-signal-buy {
    border-left-color: #22c55e;
}

.ea-signal-sell {
    border-left-color: #fb7185;
}

.ea-wallet-balance {
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 900;
    color: #86efac;
    line-height: 1;
}

@media (max-width: 991px) {
    .ea-member-shell {
        grid-template-columns: 1fr;
    }

    .ea-member-sidebar {
        position: static;
    }

    .ea-slide {
        padding: 30px;
        min-height: 420px;
    }
}


/* ============================================================
   Brand Logo + API Security Patch UI
   ============================================================ */

.ea-brand-logo {
    height: 42px;
    width: auto;
    display: block;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.ea-brand-logo-sm {
    height: 36px;
    width: auto;
    display: block;
}

.ea-brand-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 12px;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.ea-admin-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ea-admin-brand img {
    width: 38px;
    height: 38px;
}

.ea-admin-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ea-admin-brand-title {
    font-weight: 900;
    color: #eaf2ff;
    font-size: 15px;
}

.ea-admin-brand-subtitle {
    color: #86efac;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .4px;
}

@media (max-width: 767px) {
    .ea-brand-logo {
        height: 36px;
        max-width: 190px;
    }
}


/* ============================================================
   Public Navbar Beauty Upgrade
   ============================================================ */

.ea-navbar {
    background: rgba(4, 12, 24, .88) !important;
    border-bottom: 1px solid var(--ea-border);
    backdrop-filter: blur(16px);
    position: sticky;
    top: 0;
    z-index: 1050;
}

.ea-navbar-shell {
    min-height: 78px;
    gap: 14px;
}

.ea-navbar-brand {
    margin-right: 18px;
}

.ea-navbar-toggler {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
}

.ea-navbar .navbar-collapse {
    align-items: center;
    gap: 18px;
}

.ea-nav-main {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.ea-nav-main .nav-item {
    list-style: none;
}

.ea-nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 14px !important;
    border-radius: 14px;
    color: #dbe8fb !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    transition: all .18s ease;
    border: 1px solid transparent;
}

.ea-nav-link i {
    font-size: 13px;
    opacity: .85;
}

.ea-nav-link:hover {
    color: #ffffff !important;
    background: rgba(56,189,248,.10);
    border-color: rgba(56,189,248,.18);
    transform: translateY(-1px);
}

.ea-nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(56,189,248,.18), rgba(34,197,94,.12));
    border-color: rgba(56,189,248,.24);
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.ea-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-shrink: 0;
}

.ea-nav-cta {
    border-radius: 14px !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
    white-space: nowrap;
}

.ea-btn-outline-light {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.12);
    color: #eaf2ff !important;
}

.ea-btn-outline-light:hover {
    background: rgba(56,189,248,.12);
    border-color: rgba(56,189,248,.22);
    color: #ffffff !important;
}

.ea-user-menu {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #eaf2ff !important;
    text-decoration: none !important;
    padding: 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    min-width: 210px;
    transition: all .18s ease;
}

.ea-user-menu:hover {
    background: rgba(56,189,248,.10);
    border-color: rgba(56,189,248,.20);
}

.ea-user-avatar {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(56,189,248,.18), rgba(34,197,94,.16));
    color: #9de9ff;
    font-size: 14px;
    flex-shrink: 0;
}

.ea-user-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    min-width: 0;
}

.ea-user-meta strong {
    font-size: 13px;
    color: #ffffff;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ea-user-meta small {
    color: #8fb2cf;
    font-size: 11px;
    margin-top: 4px;
}

.ea-user-caret {
    font-size: 11px;
    color: #8fb2cf;
    margin-left: auto;
}

.ea-dropdown-menu {
    min-width: 240px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(11, 21, 38, .98);
    box-shadow: 0 24px 60px rgba(0,0,0,.30);
}

.ea-dropdown-menu .dropdown-item {
    border-radius: 12px;
    padding: 10px 12px;
    color: #dce8fb;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ea-dropdown-menu .dropdown-item i {
    width: 16px;
    text-align: center;
    color: #7dd3fc;
}

.ea-dropdown-menu .dropdown-item:hover {
    background: rgba(56,189,248,.10);
    color: #ffffff;
}

.ea-dropdown-menu .dropdown-divider {
    border-color: rgba(255,255,255,.08);
}

@media (max-width: 1199px) {
    .ea-nav-link {
        padding: 9px 11px !important;
        font-size: 13px;
    }

    .ea-nav-actions {
        gap: 8px;
    }

    .ea-user-menu {
        min-width: 190px;
    }
}

@media (max-width: 991.98px) {
    .ea-navbar-shell {
        min-height: 74px;
    }

    .ea-navbar .navbar-collapse {
        margin-top: 14px;
        padding: 14px;
        border-radius: 18px;
        background: rgba(8, 16, 31, .96);
        border: 1px solid rgba(255,255,255,.08);
        box-shadow: 0 18px 50px rgba(0,0,0,.25);
    }

    .ea-nav-main {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        width: 100%;
    }

    .ea-nav-main .nav-item {
        width: 100%;
    }

    .ea-nav-link {
        width: 100%;
        justify-content: flex-start;
        padding: 12px 14px !important;
    }

    .ea-nav-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        margin-top: 12px;
    }

    .ea-nav-cta,
    .ea-user-menu {
        width: 100%;
        justify-content: center;
    }

    .ea-user-menu {
        min-width: 100%;
    }

    .ea-dropdown-menu {
        width: 100%;
    }
}


/* ============================================================
   Member Licenses Premium UI
   ============================================================ */

.ea-member-page-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ea-member-stat-card {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.ea-member-stat-card:after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 110px;
    height: 110px;
    background: rgba(56,189,248,.08);
    border-radius: 999px;
}

.ea-member-stat-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    position: relative;
    z-index: 2;
}

.ea-license-card {
    border-radius: 24px;
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.ea-license-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56,189,248,.22);
    box-shadow: 0 26px 70px rgba(0,0,0,.28);
}

.ea-license-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(34,197,94,.14));
    border: 1px solid rgba(255,255,255,.08);
    color: #7dd3fc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.ea-license-key-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(3,7,18,.32);
    border: 1px solid rgba(56,189,248,.13);
}

.ea-license-key-box code {
    display: block;
    color: #bae6fd;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .4px;
    word-break: break-all;
    background: transparent;
    padding: 0;
}

.ea-copy-btn {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.06);
    color: #eaf2ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .16s ease;
    flex-shrink: 0;
}

.ea-copy-btn:hover {
    background: rgba(56,189,248,.18);
    border-color: rgba(56,189,248,.26);
    color: #ffffff;
}

.ea-copy-btn.copied {
    background: rgba(34,197,94,.20);
    border-color: rgba(34,197,94,.30);
    color: #86efac;
}

.ea-license-mini-box {
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    min-height: 72px;
}

.ea-license-mini-box strong {
    color: #eaf2ff;
    font-size: 15px;
}

.ea-license-progress-box {
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.07);
}

.ea-progress {
    width: 100%;
    height: 8px;
    background: rgba(255,255,255,.08);
    border-radius: 999px;
    overflow: hidden;
}

.ea-progress-bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #38bdf8, #22c55e);
    box-shadow: 0 0 18px rgba(34,197,94,.35);
    transition: width .2s ease;
}

.ea-progress-bar.danger {
    background: linear-gradient(90deg, #f59e0b, #ef4444);
    box-shadow: 0 0 18px rgba(239,68,68,.25);
}

.ea-license-help-card {
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(56,189,248,.08), rgba(34,197,94,.05));
}

.ea-license-help-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(56,189,248,.12);
    color: #7dd3fc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.ea-empty-state {
    border-radius: 26px;
}

.ea-empty-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(34,197,94,.14));
    border: 1px solid rgba(255,255,255,.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7dd3fc;
    font-size: 34px;
}

@media (max-width: 767px) {
    .ea-member-page-actions {
        width: 100%;
    }

    .ea-member-page-actions .btn {
        width: 100%;
    }

    .ea-license-key-box {
        align-items: flex-start;
    }

    .ea-license-key-box code {
        font-size: 12px;
    }
}


/* ============================================================
   Member Buttons + Status Admin Style Upgrade
   ============================================================ */

.ea-member-shell .btn,
.ea-content .ea-member-btn,
.ea-content a.ea-member-btn {
    border-radius: 14px !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
    border: 1px solid transparent;
    box-shadow: 0 10px 26px rgba(0,0,0,.16);
    transition: all .16s ease;
}

.ea-member-shell .btn:hover,
.ea-content .ea-member-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(0,0,0,.22);
}

.ea-member-btn-success {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border-color: rgba(34,197,94,.25) !important;
}

.ea-member-btn-info {
    background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
    color: #03111f !important;
    border-color: rgba(56,189,248,.25) !important;
}

.ea-member-btn-warning {
    background: linear-gradient(135deg, #facc15, #f59e0b) !important;
    color: #0f172a !important;
    border-color: rgba(250,204,21,.25) !important;
}

.ea-member-btn-danger {
    background: linear-gradient(135deg, #fb7185, #ef4444) !important;
    color: #ffffff !important;
    border-color: rgba(251,113,133,.25) !important;
}

.ea-member-btn-outline,
.ea-member-shell .btn-outline-light,
.ea-member-shell .btn-outline-info,
.ea-member-shell .btn-outline-success {
    background: rgba(255,255,255,.045) !important;
    color: #eaf2ff !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

.ea-member-btn-outline:hover,
.ea-member-shell .btn-outline-light:hover,
.ea-member-shell .btn-outline-info:hover,
.ea-member-shell .btn-outline-success:hover {
    background: rgba(56,189,248,.12) !important;
    border-color: rgba(56,189,248,.24) !important;
    color: #ffffff !important;
}

/* Convert common Bootstrap member buttons to premium look */
.ea-member-shell .btn-success {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-color: rgba(34,197,94,.25) !important;
    color: #ffffff !important;
}

.ea-member-shell .btn-info {
    background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
    border-color: rgba(56,189,248,.25) !important;
    color: #03111f !important;
}

.ea-member-shell .btn-warning {
    background: linear-gradient(135deg, #facc15, #f59e0b) !important;
    border-color: rgba(250,204,21,.25) !important;
    color: #0f172a !important;
}

.ea-member-shell .btn-danger {
    background: linear-gradient(135deg, #fb7185, #ef4444) !important;
    border-color: rgba(251,113,133,.25) !important;
    color: #ffffff !important;
}

/* Member action icon buttons same as Admin, but with optional label */
.ea-member-shell .ea-action-btn,
.ea-content .ea-action-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    color: #eaf2ff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    transition: all .16s ease;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none !important;
}

.ea-member-shell .ea-action-btn:hover,
.ea-content .ea-action-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.24);
}

.ea-member-shell .ea-action-btn-info:hover,
.ea-content .ea-action-btn-info:hover {
    background: #38bdf8;
    color: #03111f !important;
}

.ea-member-shell .ea-action-btn-success:hover,
.ea-content .ea-action-btn-success:hover {
    background: #22c55e;
    color: #ffffff !important;
}

.ea-member-shell .ea-action-btn-warning:hover,
.ea-content .ea-action-btn-warning:hover {
    background: #facc15;
    color: #0f172a !important;
}

.ea-member-shell .ea-action-btn-danger:hover,
.ea-content .ea-action-btn-danger:hover {
    background: #fb7185;
    color: #ffffff !important;
}

/* Member status pill force consistency */
.ea-member-shell .badge,
.ea-content .badge {
    border-radius: 999px;
    padding: 6px 9px;
    font-weight: 800;
    letter-spacing: .1px;
}

.ea-member-shell .ea-status-pill,
.ea-content .ea-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
}

.ea-member-shell .ea-status-pill i,
.ea-content .ea-status-pill i {
    font-size: 11px;
}

.ea-member-shell .ea-status-success,
.ea-content .ea-status-success {
    color: #86efac;
    background: rgba(34,197,94,.10);
    border-color: rgba(34,197,94,.22);
}

.ea-member-shell .ea-status-warning,
.ea-content .ea-status-warning {
    color: #fde68a;
    background: rgba(250,204,21,.10);
    border-color: rgba(250,204,21,.22);
}

.ea-member-shell .ea-status-danger,
.ea-content .ea-status-danger {
    color: #fda4af;
    background: rgba(251,113,133,.10);
    border-color: rgba(251,113,133,.22);
}

.ea-member-shell .ea-status-info,
.ea-content .ea-status-info {
    color: #7dd3fc;
    background: rgba(56,189,248,.10);
    border-color: rgba(56,189,248,.22);
}

.ea-member-shell .ea-status-secondary,
.ea-content .ea-status-secondary {
    color: #cbd5e1;
    background: rgba(148,163,184,.10);
    border-color: rgba(148,163,184,.18);
}

.ea-member-table-card {
    border-radius: 24px;
    overflow: hidden;
}

.ea-member-table-card .card-header {
    padding: 18px 22px;
}

.ea-member-table-card .card-body {
    padding: 18px 22px 22px;
}

.ea-member-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .ea-member-actions {
        width: 100%;
    }

    .ea-member-shell .ea-action-btn,
    .ea-content .ea-action-btn {
        flex: 1;
    }
}


/* ============================================================
   Exness IB Coupon UI
   ============================================================ */

.ea-exness-hero {
    border-radius: 28px;
    background:
        radial-gradient(circle at right, rgba(34,197,94,.18), transparent 34%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(6,17,31,.94));
    border: 1px solid rgba(56,189,248,.12);
    box-shadow: 0 28px 90px rgba(0,0,0,.28);
    overflow: hidden;
    position: relative;
}

.ea-exness-hero:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 230px;
    height: 230px;
    border-radius: 999px;
    background: rgba(34,197,94,.13);
    filter: blur(8px);
}

.ea-exness-discount {
    font-size: clamp(48px, 8vw, 88px);
    font-weight: 950;
    line-height: .9;
    color: #86efac;
    text-shadow: 0 0 28px rgba(34,197,94,.22);
}

.ea-exness-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    height: 100%;
}

.ea-exness-step-no {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(34,197,94,.14);
    color: #86efac;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    flex-shrink: 0;
}

.ea-coupon-box {
    border-radius: 20px;
    padding: 18px;
    border: 1px solid rgba(34,197,94,.20);
    background: rgba(34,197,94,.08);
}

.ea-coupon-code {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #eafff0;
    background: rgba(3,7,18,.42);
    border: 1px dashed rgba(134,239,172,.45);
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* ============================================================
   Member Orders Overflow Fix + Premium Responsive Layout
   ============================================================ */

.ea-member-order-list-card {
    border-radius: 24px;
    overflow: hidden;
    padding: 0;
}

.ea-member-order-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) minmax(130px, .65fr) minmax(190px, .85fr) minmax(170px, .72fr);
    gap: 18px;
    align-items: center;
    padding: 22px 24px;
    border-bottom: 1px solid rgba(255,255,255,.075);
    position: relative;
    min-width: 0;
}

.ea-member-order-row:last-child {
    border-bottom: 0;
}

.ea-member-order-row:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 999px;
    background: #38bdf8;
}

.ea-member-order-success:before { background: #22c55e; }
.ea-member-order-warning:before { background: #facc15; }
.ea-member-order-danger:before { background: #fb7185; }

.ea-member-order-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ea-member-order-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(56,189,248,.12);
    color: #7dd3fc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ea-member-order-info,
.ea-member-order-amount,
.ea-member-order-status,
.ea-member-order-actions {
    min-width: 0;
}

.ea-order-no-pill {
    display: inline-flex;
    max-width: 100%;
    padding: 6px 10px;
    border-radius: 999px;
    color: #ff4fc3;
    background: rgba(236,72,153,.12);
    border: 1px solid rgba(236,72,153,.24);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ea-order-amount-text {
    color: #eaf2ff;
    font-size: 18px;
    font-weight: 950;
    white-space: nowrap;
}

.ea-status-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.ea-status-dots {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #9fb0c7;
    font-size: 12px;
}

.ea-status-dots span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(148,163,184,.35);
    display: inline-block;
}

.ea-status-dots span.on {
    background: #22c55e;
    box-shadow: 0 0 12px rgba(34,197,94,.38);
}

.ea-member-order-action-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
    max-width: 170px;
    margin-left: auto;
}

.ea-member-action-wide {
    width: 100%;
    min-height: 38px;
    border-radius: 14px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 11px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    transition: all .16s ease;
}

.ea-member-action-wide:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(0,0,0,.24);
}

.ea-action-info {
    background: linear-gradient(135deg, #38bdf8, #0284c7);
    color: #03111f !important;
}

.ea-action-warning {
    background: linear-gradient(135deg, #facc15, #f59e0b);
    color: #0f172a !important;
}

.ea-action-success {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff !important;
}

.ea-action-disabled {
    background: rgba(148,163,184,.12);
    color: #94a3b8 !important;
    border-color: rgba(148,163,184,.12);
    cursor: not-allowed;
    box-shadow: none;
}

@media (max-width: 1199px) {
    .ea-member-order-row {
        grid-template-columns: minmax(210px, 1.2fr) minmax(120px, .6fr) minmax(180px, .8fr);
    }

    .ea-member-order-actions {
        grid-column: 1 / -1;
    }

    .ea-member-order-actions .ea-muted {
        text-align: left !important;
    }

    .ea-member-order-action-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        max-width: none;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .ea-member-order-row {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 22px 18px 22px 22px;
    }

    .ea-member-order-main {
        align-items: flex-start;
    }

    .ea-order-amount-text {
        font-size: 20px;
    }

    .ea-status-stack {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ea-member-order-action-grid {
        grid-template-columns: 1fr;
    }

    .ea-member-action-wide {
        min-height: 42px;
    }
}

/* ============================================================
   Big Whale Admin Premium UI Refresh
   Applies to every admin page through includes/admin_layout.php
   ============================================================ */

body.ea-admin-body {
    background:
        radial-gradient(circle at 12% 8%, rgba(56,189,248,.16), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(251,191,36,.10), transparent 30%),
        radial-gradient(circle at 58% 92%, rgba(34,197,94,.09), transparent 34%),
        #050d19 !important;
    color: #eaf2ff;
    font-size: 14px;
}

body.ea-admin-body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 78%);
    z-index: -1;
}

.ea-admin-body .wrapper,
.ea-admin-body .content-wrapper,
.ea-admin-content,
.ea-admin-body .main-footer {
    background: transparent !important;
}

.ea-admin-body .content-wrapper {
    min-height: calc(100vh - 64px) !important;
}

.ea-admin-container {
    max-width: 1480px;
}

.ea-admin-navbar {
    min-height: 64px;
    background: rgba(5, 13, 25, .88) !important;
    border-bottom: 1px solid rgba(125, 211, 252, .12) !important;
    box-shadow: 0 14px 46px rgba(0,0,0,.22);
}

.ea-admin-menu-toggle {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #dbeafe !important;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    margin-right: 10px;
}

.ea-admin-menu-toggle:hover {
    color: #ffffff !important;
    border-color: rgba(56,189,248,.32);
    background: rgba(56,189,248,.10);
}

.ea-admin-top-title {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ea-admin-top-title .ea-admin-top-kicker {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ea-admin-top-title strong {
    color: #f8fafc;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -.01em;
}

.ea-admin-top-actions {
    gap: 8px;
}

.ea-admin-chip {
    min-height: 38px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 12px !important;
    border-radius: 999px;
    color: #cbd5e1 !important;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
    font-weight: 800;
    font-size: 13px;
}

.ea-admin-chip:hover,
.ea-admin-chip.active {
    color: #ffffff !important;
    border-color: rgba(56,189,248,.36);
    background: rgba(56,189,248,.12);
}

.ea-admin-user-pill {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #f8fafc !important;
    border-radius: 999px;
    background: rgba(15, 23, 42, .92);
    border: 1px solid rgba(255,255,255,.10);
    padding: 5px 10px 5px 5px;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.ea-admin-user-pill:hover {
    border-color: rgba(56,189,248,.36);
    background: rgba(15, 23, 42, 1);
}

.ea-admin-avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #06111f;
    font-weight: 950;
    background: linear-gradient(135deg, #7dd3fc, #22c55e);
    box-shadow: 0 0 0 4px rgba(56,189,248,.08);
}

.ea-admin-user-text {
    flex-direction: column;
    line-height: 1.05;
    max-width: 180px;
}

.ea-admin-user-text strong,
.ea-admin-user-text small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ea-admin-user-text strong {
    font-size: 13px;
    font-weight: 900;
}

.ea-admin-user-text small {
    color: #94a3b8;
    font-size: 11px;
    margin-top: 2px;
}

.ea-admin-dropdown {
    min-width: 230px;
    margin-top: 8px !important;
}

.ea-admin-sidebar {
    background: linear-gradient(180deg, rgba(7,17,31,.98), rgba(3,7,18,.98)) !important;
    border-right: 1px solid rgba(125,211,252,.12);
    box-shadow: 18px 0 46px rgba(0,0,0,.20) !important;
}

.ea-admin-brand-link {
    min-height: 76px;
    display: flex !important;
    align-items: center;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background:
        radial-gradient(circle at 26% 0%, rgba(56,189,248,.18), transparent 42%),
        rgba(255,255,255,.015) !important;
}

.ea-admin-brand {
    width: 100%;
    min-width: 0;
}

.ea-admin-brand img {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 14px;
    filter: drop-shadow(0 10px 20px rgba(56,189,248,.22));
}

.ea-admin-brand-title {
    font-size: 18px;
    letter-spacing: -.02em;
}

.ea-admin-brand-subtitle {
    color: #7dd3fc;
    letter-spacing: .12em;
}

.ea-admin-sidebar-inner {
    padding: 14px 12px 18px;
}

.ea-admin-side-card {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 18px;
    color: #eaf2ff;
    background: linear-gradient(135deg, rgba(56,189,248,.12), rgba(34,197,94,.06));
    border: 1px solid rgba(125,211,252,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.ea-admin-side-card strong {
    display: block;
    font-size: 13px;
    font-weight: 900;
}

.ea-admin-side-card small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 2px;
}

.ea-admin-side-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 6px rgba(34,197,94,.12), 0 0 20px rgba(34,197,94,.6);
    flex: 0 0 auto;
}

.ea-admin-sidebar .nav-sidebar .nav-link {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b7c6dc;
    border-radius: 14px;
    margin: 2px 0;
    padding: 9px 11px;
    border: 1px solid transparent;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.ea-admin-sidebar .nav-sidebar .nav-link p {
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.1;
}

.ea-admin-sidebar .nav-sidebar .nav-icon {
    width: 22px;
    color: #7dd3fc;
    opacity: .82;
}

.ea-admin-sidebar .nav-sidebar .nav-link:hover {
    color: #ffffff;
    background: rgba(56,189,248,.08);
    border-color: rgba(56,189,248,.16);
    transform: translateX(2px);
}

.ea-admin-sidebar .nav-sidebar .nav-link.active {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(14,165,233,.78), rgba(37,99,235,.72));
    border-color: rgba(125,211,252,.40);
    box-shadow: 0 12px 26px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.ea-admin-sidebar .nav-sidebar .nav-link.active .nav-icon {
    color: #ffffff;
    opacity: 1;
}

.ea-nav-header {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .14em;
    padding: 16px 10px 6px !important;
}

.ea-admin-command-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border-radius: 24px;
    color: #eaf2ff;
    background:
        linear-gradient(135deg, rgba(15,23,42,.92), rgba(8,16,30,.88)),
        radial-gradient(circle at 90% 0%, rgba(56,189,248,.20), transparent 34%);
    border: 1px solid rgba(125,211,252,.14);
    box-shadow: 0 22px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
    overflow: hidden;
    position: relative;
}

.ea-admin-command-bar:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -80px;
    width: 190px;
    height: 190px;
    border-radius: 999px;
    background: rgba(56,189,248,.11);
    filter: blur(8px);
    pointer-events: none;
}

.ea-admin-command-bar > * {
    position: relative;
    z-index: 1;
}

.ea-admin-command-label {
    display: block;
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.ea-admin-command-bar strong {
    display: block;
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 950;
    letter-spacing: -.03em;
}

.ea-admin-command-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ea-admin-body .ea-admin-hero,
.ea-admin-body .ea-admin-page-head,
.ea-admin-body .content-header {
    margin-bottom: 22px !important;
    padding: 0 !important;
}

.ea-admin-body .ea-admin-hero,
.ea-admin-body .ea-admin-page-head {
    align-items: flex-start;
}

.ea-admin-body .ea-section-title,
.ea-admin-body .content-header h1,
.ea-admin-body h1 {
    color: #f8fafc;
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1.05;
    text-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.ea-admin-body .ea-section-title,
.ea-admin-body .content-header h1 {
    font-size: clamp(26px, 3vw, 40px) !important;
}

.ea-admin-body p,
.ea-admin-body .text-muted,
.ea-admin-body small {
    color: #9fb0c7 !important;
}

.ea-admin-body .card,
.ea-admin-body .ea-card,
.ea-admin-body .article-editor-card,
.ea-admin-body .article-stat-card,
.ea-admin-body .bw-stat-card,
.ea-admin-body .bw-trade-card {
    color: #eaf2ff;
    background: linear-gradient(180deg, rgba(17,30,51,.88), rgba(10,20,38,.84)) !important;
    border: 1px solid rgba(125,211,252,.13) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
    overflow: hidden;
}

.ea-admin-body .card-header,
.ea-admin-body .card-footer {
    color: #eaf2ff;
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(255,255,255,.08) !important;
    padding: 18px 22px;
}

.ea-admin-body .card-title,
.ea-admin-body .card-header h3,
.ea-admin-body .card-header h4,
.ea-admin-body .card-header h5 {
    color: #f8fafc;
    font-weight: 900;
    letter-spacing: -.02em;
}

.ea-admin-body .card-body {
    padding: 22px;
}

.ea-admin-body .ea-dashboard-stat-card,
.ea-admin-body .ea-admin-stat-card,
.ea-admin-body .article-stat-card,
.ea-admin-body .bw-stat-card {
    background:
        radial-gradient(circle at 95% 12%, rgba(56,189,248,.13), transparent 32%),
        linear-gradient(180deg, rgba(17,30,51,.92), rgba(9,18,35,.88)) !important;
    min-height: 108px;
}

.ea-admin-body .ea-dashboard-stat-card .h3,
.ea-admin-body .ea-admin-stat-card .h3,
.ea-admin-body .article-stat-card .h3,
.ea-admin-body .bw-stat-card .h3 {
    color: #f8fafc;
    font-weight: 950;
    letter-spacing: -.04em;
}

.ea-admin-body .ea-admin-stat-icon,
.ea-admin-body .ea-dashboard-stat-card .h2 {
    filter: drop-shadow(0 8px 18px rgba(56,189,248,.18));
}

.ea-admin-body .table-responsive {
    border-radius: 18px;
}

.ea-admin-body .table,
.ea-admin-body .ea-table,
.ea-admin-body table.dataTable {
    color: #dbeafe !important;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.ea-admin-body .table thead th,
.ea-admin-body .ea-table thead th,
.ea-admin-body table.dataTable thead th {
    color: #dbeafe !important;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
    background: rgba(15,23,42,.62) !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
    padding: 13px 14px !important;
    white-space: nowrap;
}

.ea-admin-body .table tbody td,
.ea-admin-body .ea-table tbody td,
.ea-admin-body table.dataTable tbody td {
    color: #dbeafe !important;
    vertical-align: middle !important;
    border-top: 1px solid rgba(148,163,184,.09) !important;
    padding: 14px !important;
}

.ea-admin-body .table tbody tr,
.ea-admin-body .ea-table tbody tr,
.ea-admin-body table.dataTable tbody tr {
    background: transparent !important;
    transition: background .16s ease, transform .16s ease;
}

.ea-admin-body .table-hover tbody tr:hover,
.ea-admin-body .table tbody tr:hover,
.ea-admin-body .ea-table tbody tr:hover {
    background: rgba(56,189,248,.055) !important;
}

.ea-admin-body .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255,255,255,.018) !important;
}

.ea-admin-body .dataTables_wrapper {
    color: #cbd5e1;
}

.ea-admin-body .dataTables_wrapper .dataTables_length,
.ea-admin-body .dataTables_wrapper .dataTables_filter,
.ea-admin-body .dataTables_wrapper .dataTables_info,
.ea-admin-body .dataTables_wrapper .dataTables_paginate {
    color: #cbd5e1 !important;
}

.ea-admin-body .dataTables_wrapper .dataTables_length label,
.ea-admin-body .dataTables_wrapper .dataTables_filter label {
    color: #cbd5e1 !important;
    font-weight: 800;
}

.ea-admin-body .dataTables_wrapper select,
.ea-admin-body .dataTables_wrapper input,
.ea-admin-body .form-control,
.ea-admin-body .custom-select,
.ea-admin-body select,
.ea-admin-body input[type="text"],
.ea-admin-body input[type="email"],
.ea-admin-body input[type="number"],
.ea-admin-body input[type="password"],
.ea-admin-body input[type="date"],
.ea-admin-body input[type="datetime-local"],
.ea-admin-body textarea {
    color: #eaf2ff !important;
    background: rgba(15,23,42,.76) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ea-admin-body .dataTables_wrapper input:focus,
.ea-admin-body .form-control:focus,
.ea-admin-body .custom-select:focus,
.ea-admin-body input:focus,
.ea-admin-body textarea:focus,
.ea-admin-body select:focus {
    border-color: rgba(56,189,248,.55) !important;
    box-shadow: 0 0 0 .2rem rgba(56,189,248,.12) !important;
}

.ea-admin-body select option,
.ea-admin-body .custom-select option {
    color: #0f172a;
    background: #ffffff;
}

.ea-admin-body .btn,
.ea-admin-body .ea-btn {
    border-radius: 13px !important;
    font-weight: 900;
    letter-spacing: -.01em;
    border-width: 1px;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

.ea-admin-body .btn-success {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-color: rgba(34,197,94,.55) !important;
    color: #ffffff !important;
}

.ea-admin-body .btn-primary,
.ea-admin-body .btn-info {
    background: linear-gradient(135deg, #0284c7, #2563eb) !important;
    border-color: rgba(56,189,248,.50) !important;
    color: #ffffff !important;
}

.ea-admin-body .btn-warning {
    background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
    border-color: rgba(251,191,36,.60) !important;
    color: #111827 !important;
}

.ea-admin-body .btn-danger {
    background: linear-gradient(135deg, #dc2626, #f43f5e) !important;
    border-color: rgba(244,63,94,.55) !important;
    color: #ffffff !important;
}

.ea-admin-body .btn-outline-info,
.ea-admin-body .btn-outline-light,
.ea-admin-body .btn-outline-secondary {
    color: #dbeafe !important;
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(148,163,184,.18) !important;
}

.ea-admin-body .btn-outline-info:hover,
.ea-admin-body .btn-outline-light:hover,
.ea-admin-body .btn-outline-secondary:hover {
    color: #ffffff !important;
    background: rgba(56,189,248,.14) !important;
    border-color: rgba(56,189,248,.36) !important;
}

.ea-admin-body .badge,
.ea-admin-body .ea-badge,
.ea-admin-body .ea-status-pill,
.ea-admin-body .ea-mini-tag {
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: -.01em;
}

.ea-admin-body code {
    color: #7dd3fc;
    background: rgba(56,189,248,.08);
    border: 1px solid rgba(56,189,248,.16);
    padding: 3px 7px;
    border-radius: 9px;
}

.ea-admin-body .alert,
.ea-admin-alert {
    color: #eaf2ff;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(15,23,42,.90);
    box-shadow: 0 18px 46px rgba(0,0,0,.20);
}

.ea-admin-body .modal-content,
.ea-admin-body .dropdown-menu {
    color: #eaf2ff;
    background: rgba(15,23,42,.98) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 18px;
    box-shadow: 0 22px 70px rgba(0,0,0,.34);
}

.ea-admin-body .dropdown-item {
    color: #dbeafe;
    border-radius: 10px;
    margin: 2px 6px;
    width: auto;
}

.ea-admin-body .dropdown-item:hover {
    color: #ffffff;
    background: rgba(56,189,248,.11);
}

.ea-admin-footer {
    min-height: 54px;
    color: #94a3b8 !important;
    background: rgba(5,13,25,.88) !important;
    border-top: 1px solid rgba(125,211,252,.12) !important;
}

.ea-admin-body img {
    max-width: 100%;
}

.ea-admin-body .article-editor,
.ea-admin-body [contenteditable="true"] {
    color: #eaf2ff;
    background: rgba(15,23,42,.70) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 18px;
    min-height: 280px;
}

.ea-admin-body .pagination .page-link {
    color: #dbeafe;
    background: rgba(15,23,42,.82);
    border-color: rgba(148,163,184,.14);
}

.ea-admin-body .pagination .page-item.active .page-link {
    color: #ffffff;
    background: linear-gradient(135deg, #0284c7, #2563eb);
    border-color: rgba(56,189,248,.42);
}

.ea-admin-body .pagination .page-item.disabled .page-link {
    color: #64748b;
    background: rgba(15,23,42,.45);
    border-color: rgba(148,163,184,.10);
}

.ea-admin-body .small-box {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

@media (max-width: 991.98px) {
    .ea-admin-command-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .ea-admin-command-actions {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.ea-admin-body {
        font-size: 13px;
    }

    .ea-admin-navbar {
        min-height: 58px;
    }

    .ea-admin-command-bar {
        border-radius: 20px;
        padding: 16px;
    }

    .ea-admin-body .card-body {
        padding: 16px;
    }

    .ea-admin-body .card-header,
    .ea-admin-body .card-footer {
        padding: 15px 16px;
    }

    .ea-admin-command-actions .btn {
        flex: 1 1 auto;
    }
}


/* ============================================================
   Public V2 isolated storefront styles (does not touch Admin/Member)
   ============================================================ */
/* ============================================================
   Big Whale Public V2 - Lively Premium Storefront
   ============================================================ */
body.bw-public-v2 {
    max-width: 100%;
    overflow-x: hidden;
}

body.bw-public-v2 .bw-main,
body.bw-public-v2 .bw-navbar,
body.bw-public-v2 .bw-footer {
    max-width: 100%;
}

body.bw-public-v2 {
    --bw-bg: #020617;
    --bw-bg2: #07111f;
    --bw-panel: rgba(11, 20, 38, .86);
    --bw-panel2: rgba(15, 27, 50, .74);
    --bw-line: rgba(148, 163, 184, .16);
    --bw-line2: rgba(56, 189, 248, .22);
    --bw-text: #eaf2ff;
    --bw-muted: #9fb0c7;
    --bw-cyan: #38bdf8;
    --bw-blue: #2563eb;
    --bw-green: #22c55e;
    --bw-gold: #facc15;
    --bw-pink: #ec4899;
    --bw-red: #fb7185;
    background:
        radial-gradient(circle at 10% -10%, rgba(56,189,248,.23), transparent 34%),
        radial-gradient(circle at 90% 4%, rgba(236,72,153,.15), transparent 31%),
        radial-gradient(circle at 55% 45%, rgba(34,197,94,.08), transparent 36%),
        linear-gradient(180deg, #020617 0%, #07111f 45%, #020617 100%) !important;
    color: var(--bw-text);
    min-height: 100vh;
    font-size: 15px;
}

.bw-bg-grid {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(148,163,184,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.055) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 78%);
    z-index: -3;
}

.bw-bg-orb {
    position: fixed;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    filter: blur(42px);
    opacity: .38;
    pointer-events: none;
    z-index: -2;
    animation: bwFloatOrb 11s ease-in-out infinite;
}

.bw-bg-orb-1 { top: 120px; left: -130px; background: #38bdf8; }
.bw-bg-orb-2 { right: -150px; bottom: 160px; background: #22c55e; animation-delay: -4s; }

@keyframes bwFloatOrb {
    0%, 100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(24px,-28px,0) scale(1.12); }
}

.bw-container,
.bw-public-v2 .container {
    width: min(100% - 32px, 1480px);
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.bw-public-v2 .row {
    min-width: 0;
}

.bw-public-v2 [class*="col-"] {
    min-width: 0;
}

.bw-main {
    position: relative;
    z-index: 1;
}

.bw-navbar {
    background: rgba(2, 6, 23, .77) !important;
    border-bottom: 1px solid rgba(148,163,184,.14);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 55px rgba(0,0,0,.16);
}

.bw-nav-shell {
    min-height: 76px;
}

.bw-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
    font-weight: 950;
    text-decoration: none !important;
    min-width: 0;
}

.bw-logo {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.95), transparent 13%),
        linear-gradient(135deg, #38bdf8, #2563eb 52%, #22c55e);
    color: #ffffff;
    box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 16px 40px rgba(56,189,248,.24);
}

.bw-brand-text {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.05;
    min-width: 0;
}

.bw-brand-text strong {
    font-size: 19px;
    letter-spacing: -.3px;
}

.bw-brand-text small {
    margin-top: 4px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .9px;
    color: #86efac;
    text-transform: uppercase;
}

.bw-toggler {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.05);
    padding: 8px 10px;
}

.bw-nav-menu {
    gap: 5px;
}

.bw-navbar .nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    color: #d7e6fb !important;
    border-radius: 999px;
    padding: 10px 12px !important;
    font-weight: 850;
    font-size: 13px;
    white-space: nowrap;
    border: 1px solid transparent;
    transition: all .18s ease;
}

.bw-navbar .nav-link:hover,
.bw-navbar .nav-link.active {
    color: #ffffff !important;
    background: rgba(56,189,248,.11);
    border-color: rgba(56,189,248,.20);
    transform: translateY(-1px);
}

.bw-nav-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-left: 12px;
    flex-shrink: 0;
}

.bw-nav-btn {
    white-space: nowrap;
    min-height: 40px;
}

.bw-btn-primary,
.bw-public-v2 .btn-primary {
    border: 0 !important;
    color: #03111f !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, #67e8f9 0%, #38bdf8 48%, #22c55e 100%) !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    box-shadow: 0 18px 38px rgba(56,189,248,.20);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.bw-btn-primary:hover,
.bw-public-v2 .btn-primary:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 22px 52px rgba(34,197,94,.22);
}

.bw-btn-ghost,
.bw-public-v2 .btn-outline-light,
.bw-public-v2 .btn-outline-info,
.bw-public-v2 .btn-secondary {
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.06) !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.bw-btn-ghost:hover,
.bw-public-v2 .btn-outline-light:hover,
.bw-public-v2 .btn-outline-info:hover {
    background: rgba(56,189,248,.12) !important;
    border-color: rgba(56,189,248,.25) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.bw-btn-admin {
    color: #ffffff !important;
    border: 1px solid rgba(250,204,21,.22) !important;
    background: linear-gradient(135deg, rgba(250,204,21,.18), rgba(236,72,153,.13)) !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-weight: 900 !important;
}

.bw-card {
    background:
        linear-gradient(145deg, rgba(15, 27, 50, .88), rgba(8, 16, 31, .82));
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
    color: var(--bw-text);
    position: relative;
    overflow: hidden;
}

.bw-card:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,.07), transparent 26%, transparent 72%, rgba(56,189,248,.05));
}

.bw-card > * {
    position: relative;
    z-index: 1;
}

.bw-card-hover {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.bw-card-hover:hover {
    transform: translateY(-5px);
    border-color: rgba(56,189,248,.30);
    box-shadow: 0 34px 92px rgba(0,0,0,.30), 0 0 0 1px rgba(56,189,248,.07);
}

.bw-muted { color: var(--bw-muted) !important; }

.bw-section {
    padding: 62px 0;
}

.bw-section-title {
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -.9px;
    line-height: 1.05;
}

.bw-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7dd3fc;
    font-weight: 950;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.3px;
    margin-bottom: 10px;
}

.bw-kicker:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 18px rgba(34,197,94,.65);
}

.bw-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(56,189,248,.12);
    color: #7dd3fc;
    border: 1px solid rgba(56,189,248,.22);
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
}

.bw-badge-green { color: #86efac; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.24); }
.bw-badge-gold { color: #fde68a; background: rgba(250,204,21,.12); border-color: rgba(250,204,21,.24); }
.bw-badge-red { color: #fda4af; background: rgba(251,113,133,.12); border-color: rgba(251,113,133,.24); }
.bw-badge-pink { color: #f9a8d4; background: rgba(236,72,153,.12); border-color: rgba(236,72,153,.24); }

.bw-price {
    color: #86efac;
    font-weight: 950;
    font-size: 31px;
    letter-spacing: -.5px;
}

.bw-product-img,
.bw-detail-img,
.bw-article-img {
    width: 100%;
    object-fit: cover;
    background:
        radial-gradient(circle at 20% 20%, rgba(56,189,248,.28), transparent 22%),
        linear-gradient(135deg, rgba(56,189,248,.14), rgba(34,197,94,.12));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.bw-product-img { height: 230px; border-radius: 24px; }
.bw-detail-img { max-height: 500px; min-height: 360px; border-radius: 30px; }
.bw-article-img { height: 190px; border-radius: 22px; }

.bw-public-v2 .form-control,
.bw-public-v2 .custom-select {
    background: rgba(3, 7, 18, .42) !important;
    border: 1px solid rgba(148,163,184,.20) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    min-height: 46px;
}

.bw-public-v2 .form-control:focus,
.bw-public-v2 .custom-select:focus {
    background: rgba(3, 7, 18, .62) !important;
    border-color: rgba(56,189,248,.58) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 .2rem rgba(56,189,248,.15) !important;
}

.bw-public-v2 .form-control::placeholder { color: rgba(203,213,225,.45); }
.bw-public-v2 label { color: #dbeafe; font-weight: 850; }
.bw-public-v2 a { color: #7dd3fc; }
.bw-public-v2 a:hover { color: #bae6fd; }
.bw-alert { border-radius: 18px; border: 0; }

.bw-hero {
    padding: 38px 0 68px;
    min-height: auto !important;
}

.bw-hero-stage {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    min-height: 590px;
    background:
        radial-gradient(circle at 82% 16%, rgba(34,197,94,.24), transparent 34%),
        radial-gradient(circle at 52% 86%, rgba(236,72,153,.16), transparent 28%),
        linear-gradient(135deg, rgba(15,23,42,.98), rgba(3,7,18,.96));
    border: 1px solid rgba(148,163,184,.16);
    box-shadow: 0 36px 110px rgba(0,0,0,.34);
}

.bw-hero-stage:after {
    content: "";
    position: absolute;
    inset: auto -130px -130px auto;
    width: 330px;
    height: 330px;
    border-radius: 999px;
    background: rgba(56,189,248,.16);
    filter: blur(18px);
}

.bw-slide {
    min-height: 590px;
    padding: clamp(28px, 5vw, 64px);
    display: flex;
    align-items: center;
}

.bw-slide h1,
.bw-hero-title {
    font-size: clamp(42px, 6.4vw, 90px);
    line-height: .94;
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -2.2px;
    margin-bottom: 18px;
}

.bw-hero-gradient-text {
    background: linear-gradient(135deg, #ffffff 0%, #7dd3fc 45%, #86efac 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.bw-hero-subtitle {
    font-size: clamp(16px, 1.6vw, 21px);
    line-height: 1.72;
    color: #c7d7ef;
    max-width: 760px;
}

.bw-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.bw-hero-live-card {
    border-radius: 30px;
    padding: 20px;
    background: rgba(2,6,23,.38);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 70px rgba(0,0,0,.24);
    position: relative;
    z-index: 2;
}

.bw-hero-terminal {
    border-radius: 24px;
    padding: 18px;
    background: #020617;
    border: 1px solid rgba(56,189,248,.18);
    min-height: 330px;
}

.bw-terminal-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.bw-terminal-dots {
    display: flex;
    gap: 7px;
}

.bw-terminal-dots span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    background: #fb7185;
}

.bw-terminal-dots span:nth-child(2) { background: #facc15; }
.bw-terminal-dots span:nth-child(3) { background: #22c55e; }

.bw-live-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(34,197,94,.11);
    color: #86efac;
    border: 1px solid rgba(34,197,94,.22);
    font-size: 12px;
    font-weight: 900;
}

.bw-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.68);
    animation: bwPulse 1.8s infinite;
}

@keyframes bwPulse {
    70% { box-shadow: 0 0 0 9px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

.bw-terminal-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.bw-terminal-row:last-child { border-bottom: 0; }

.bw-terminal-label { color: #9fb0c7; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }
.bw-terminal-value { color: #ffffff; font-weight: 950; font-size: 18px; text-align: right; }
.bw-terminal-value.green { color: #86efac; }
.bw-terminal-value.gold { color: #fde68a; }
.bw-terminal-value.cyan { color: #7dd3fc; }

.bw-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.bw-hero-stat {
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
}

.bw-hero-stat strong {
    display: block;
    color: #ffffff;
    font-size: 21px;
    line-height: 1;
}

.bw-hero-stat span {
    display: block;
    color: #9fb0c7;
    font-size: 12px;
    margin-top: 7px;
}

.bw-marquee {
    overflow: hidden;
    border-block: 1px solid rgba(148,163,184,.12);
    background: rgba(2,6,23,.40);
    backdrop-filter: blur(10px);
}

.bw-marquee-track {
    display: flex;
    gap: 14px;
    width: max-content;
    padding: 14px 0;
    animation: bwMarquee 28s linear infinite;
}

.bw-marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.09);
    color: #cbd5e1;
    font-weight: 850;
    white-space: nowrap;
}

.bw-marquee-item i { color: #7dd3fc; }

@keyframes bwMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.bw-feature-icon,
.bw-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(34,197,94,.12));
    color: #7dd3fc;
    font-size: 24px;
    border: 1px solid rgba(255,255,255,.08);
}

.bw-feature-card {
    min-height: 220px;
}

.bw-product-card {
    height: 100%;
    padding: 16px;
}

.bw-product-card .bw-product-body {
    padding: 4px 4px 0;
}

.bw-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.bw-product-card h3,
.bw-product-card h4 {
    font-weight: 950;
    color: #ffffff;
    letter-spacing: -.3px;
}

.bw-signal-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.bw-signal-box,
.bw-price-box {
    border-radius: 18px;
    border: 1px solid rgba(148,163,184,.14);
    background: rgba(3,7,18,.34);
    padding: 14px;
    min-width: 0;
}

.bw-signal-price {
    color: #ffffff;
    font-weight: 950;
    font-size: 17px;
    overflow-wrap: anywhere;
}

.bw-signal-label {
    color: #9fb0c7;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-bottom: 3px;
}

.bw-signal-card.buy { box-shadow: inset 5px 0 0 rgba(34,197,94,.9); }
.bw-signal-card.sell { box-shadow: inset 5px 0 0 rgba(251,113,133,.9); }

.bw-page-hero {
    padding: 58px 0 34px;
}

.bw-page-hero-card {
    padding: clamp(28px, 4vw, 52px);
    border-radius: 34px;
    background:
        radial-gradient(circle at 80% 20%, rgba(56,189,248,.20), transparent 32%),
        radial-gradient(circle at 20% 80%, rgba(34,197,94,.12), transparent 28%),
        linear-gradient(135deg, rgba(15,27,50,.92), rgba(3,7,18,.92));
    border: 1px solid rgba(148,163,184,.15);
    box-shadow: 0 30px 90px rgba(0,0,0,.26);
}

.bw-page-title {
    color: #ffffff;
    font-weight: 950;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
    letter-spacing: -1.5px;
}

.bw-package {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(15, 27, 50, .84), rgba(8, 16, 31, .78));
    border: 1px solid rgba(148,163,184,.14);
    padding: 24px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.bw-package:after {
    content: "";
    position: absolute;
    right: -46px;
    top: -46px;
    width: 140px;
    height: 140px;
    border-radius: 999px;
    background: rgba(34,197,94,.10);
}

.bw-payment-hero {
    padding: 48px 0 20px;
}

.bw-payment-grid {
    display: grid;
    grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
    gap: 24px;
    align-items: start;
}

.bw-pay-method-card {
    padding: 24px;
}

.bw-bank-visual {
    border-radius: 28px;
    padding: 20px;
    background:
        radial-gradient(circle at 85% 20%, rgba(250,204,21,.18), transparent 33%),
        linear-gradient(135deg, rgba(56,189,248,.16), rgba(34,197,94,.12));
    border: 1px solid rgba(255,255,255,.10);
    margin-bottom: 18px;
}

.bw-bank-icon-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.bw-bank-icon,
.bw-pay-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(3,7,18,.42);
    border: 1px solid rgba(255,255,255,.10);
    color: #7dd3fc;
    font-size: 24px;
    flex-shrink: 0;
}

.bw-bank-number {
    font-size: clamp(26px, 4vw, 38px);
    color: #ffffff;
    font-weight: 950;
    letter-spacing: .8px;
    word-break: break-word;
}

.bw-payment-option {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 15px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 12px;
}

.bw-payment-option strong {
    color: #ffffff;
    font-weight: 950;
}

.bw-qr-box {
    background: #ffffff;
    border-radius: 26px;
    padding: 14px;
    width: min(260px, 100%);
    margin: 0 auto;
    box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

.bw-qr-box img {
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    display: block;
    border-radius: 18px;
}

.bw-upload-zone {
    border: 1px dashed rgba(56,189,248,.35);
    background: rgba(56,189,248,.06);
    border-radius: 24px;
    padding: 18px;
}

.bw-footer {
    border-top: 1px solid rgba(148,163,184,.13);
    background: rgba(2, 6, 23, .78);
    backdrop-filter: blur(16px);
    padding: 56px 0 24px;
    margin-top: 56px;
    color: var(--bw-muted);
}

.bw-footer h6 {
    color: #ffffff;
    font-weight: 950;
    margin-bottom: 14px;
}

.bw-footer a {
    display: block;
    color: #a8bad2;
    margin-bottom: 9px;
    text-decoration: none !important;
}

.bw-footer a:hover { color: #7dd3fc; }
.bw-footer hr { border-color: rgba(148,163,184,.13); }

.bw-footer-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bw-footer-chips span,
.bw-risk-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 800;
}

.bw-risk-note {
    border-radius: 16px;
    line-height: 1.55;
}

.bw-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .55s ease, transform .55s ease;
}

.bw-reveal.show {
    opacity: 1;
    transform: none;
}

.bw-public-v2 .table {
    color: #eaf2ff;
}

.bw-public-v2 .table td,
.bw-public-v2 .table th {
    border-color: rgba(148,163,184,.12);
}

@media (max-width: 1199.98px) {
    .bw-navbar .nav-link {
        padding: 9px 10px !important;
        font-size: 12.5px;
    }

    .bw-nav-actions {
        gap: 7px;
    }

    .bw-payment-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .bw-nav-shell { min-height: 72px; }

    .bw-navbar .navbar-collapse {
        margin-top: 13px;
        padding: 14px;
        border-radius: 22px;
        background: rgba(8, 16, 31, .96);
        border: 1px solid rgba(255,255,255,.08);
        box-shadow: 0 18px 60px rgba(0,0,0,.30);
    }

    .bw-nav-menu {
        gap: 7px;
        width: 100%;
    }

    .bw-navbar .nav-link {
        width: 100%;
        justify-content: flex-start;
        padding: 12px 14px !important;
        white-space: normal;
    }

    .bw-nav-actions {
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
        display: grid;
        grid-template-columns: 1fr;
    }

    .bw-nav-actions .btn {
        width: 100%;
    }

    .bw-slide,
    .bw-hero-stage {
        min-height: auto;
    }

    .bw-slide {
        padding: 30px;
    }

    .bw-hero-live-card {
        margin-top: 28px;
    }

    .bw-section {
        padding: 46px 0;
    }
}

@media (max-width: 767.98px) {
    .bw-container,
    .bw-public-v2 .container {
        width: min(100% - 22px, 1480px);
    }

    .bw-brand-text strong { font-size: 17px; }
    .bw-brand-text small { display: none; }
    .bw-logo { width: 40px; height: 40px; flex-basis: 40px; border-radius: 14px; }

    .bw-hero {
        padding: 18px 0 34px;
    }

    .bw-hero-stage {
        border-radius: 26px;
    }

    .bw-slide {
        padding: 24px 18px;
    }

    .bw-slide h1,
    .bw-hero-title,
    .bw-page-title {
        font-size: clamp(34px, 12vw, 48px);
        letter-spacing: -1.2px;
    }

    .bw-hero-subtitle,
    .lead {
        font-size: 15px;
    }

    .bw-hero-actions .btn,
    .bw-page-hero-card .btn,
    .bw-public-v2 form .btn,
    .bw-payment-grid .btn {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 8px;
    }

    .bw-hero-stats {
        grid-template-columns: 1fr;
    }

    .bw-signal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bw-product-img { height: 190px; }
    .bw-detail-img { min-height: 240px; }
    .bw-card, .bw-package { border-radius: 22px; }

    .bw-section .d-flex.justify-content-between.align-items-end {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 12px;
    }

    .bw-section .d-flex.justify-content-between.align-items-end .btn {
        width: 100%;
    }

    .bw-payment-option {
        flex-direction: row;
    }

    .bw-bank-number {
        font-size: 24px;
    }

    .bw-marquee-track {
        animation-duration: 34s;
    }
}

@media (max-width: 420px) {
    .bw-signal-grid {
        grid-template-columns: 1fr;
    }

    .bw-payment-option {
        flex-direction: column;
    }
}


/* Public-only safety guard: keep lively storefront overrides away from Admin/Member. */
body:not(.bw-public-v2) .bw-bg-orb,
body:not(.bw-public-v2) .bw-bg-grid,
body:not(.bw-public-v2) .bw-marquee {
    display: none !important;
}


/* ============================================================
   Big Whale Member V3 - Wide, Lively, Mobile-safe Portal
   Scope: member pages only. Does not touch Admin/Public V2.
   ============================================================ */
body.ea-body:not(.ea-admin-body):not(.bw-public-v2) {
    overflow-x: hidden;
}

body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container,
body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container-fluid {
    width: min(100% - 28px, 1640px) !important;
    max-width: 1640px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content {
    background:
        radial-gradient(circle at 10% 0%, rgba(56,189,248,.16), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(34,197,94,.11), transparent 30%),
        radial-gradient(circle at 70% 95%, rgba(236,72,153,.07), transparent 32%),
        transparent !important;
}

body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 72%);
    z-index: -1;
}

.ea-member-shell,
.ea-member-shell * {
    box-sizing: border-box;
}

.ea-member-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 288px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.ea-member-shell > div:last-child {
    min-width: 0;
    width: 100%;
    position: relative;
}

.ea-member-shell > div:last-child:before {
    content: "";
    position: absolute;
    right: 5%;
    top: -28px;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: rgba(56,189,248,.08);
    filter: blur(16px);
    pointer-events: none;
    z-index: -1;
}

/* Sidebar: compact but premium */
.ea-member-shell .ea-member-sidebar {
    position: sticky;
    top: 92px;
    width: 100%;
    max-width: 288px;
    padding: 16px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.15), transparent 30%),
        linear-gradient(180deg, rgba(17,30,51,.94), rgba(7,17,31,.88)) !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow: hidden;
}

.ea-member-shell .ea-member-sidebar:after {
    content: "LIVE";
    position: absolute;
    right: 14px;
    top: 14px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #86efac;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.22);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
}

.ea-member-shell .ea-member-menu {
    display: grid;
    gap: 7px;
}

.ea-member-shell .ea-member-menu a {
    min-width: 0;
    border-radius: 16px;
    padding: 12px 13px;
    color: #cbd5e1;
    border: 1px solid transparent;
    background: rgba(255,255,255,.025);
    line-height: 1.15;
    font-weight: 850;
}

.ea-member-shell .ea-member-menu a i {
    width: 22px;
    min-width: 22px;
    color: #7dd3fc;
    filter: drop-shadow(0 0 10px rgba(56,189,248,.28));
}

.ea-member-shell .ea-member-menu a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ea-member-shell .ea-member-menu a:hover,
.ea-member-shell .ea-member-menu a.active {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(56,189,248,.18), rgba(34,197,94,.10));
    border-color: rgba(56,189,248,.22);
    box-shadow: 0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
    transform: translateX(2px);
}

/* Page hero: make normal member pages feel like ai-trade-plans.php but stronger */
.ea-member-page-hero,
.ea-member-shell > div:last-child > .d-flex.justify-content-between.align-items-start.mb-4,
.ea-member-shell > div:last-child > .d-flex.flex-column.flex-lg-row.justify-content-between.align-items-lg-start.mb-4 {
    position: relative;
    overflow: hidden;
    padding: clamp(18px, 2.5vw, 30px);
    border-radius: 30px;
    background:
        radial-gradient(circle at 86% 10%, rgba(34,197,94,.20), transparent 28%),
        radial-gradient(circle at 6% 18%, rgba(56,189,248,.18), transparent 34%),
        linear-gradient(145deg, rgba(17,30,51,.94), rgba(7,17,31,.88));
    border: 1px solid rgba(125,211,252,.16);
    box-shadow: 0 26px 78px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.05);
}

.ea-member-page-hero:before,
.ea-member-shell > div:last-child > .d-flex.justify-content-between.align-items-start.mb-4:before,
.ea-member-shell > div:last-child > .d-flex.flex-column.flex-lg-row.justify-content-between.align-items-lg-start.mb-4:before {
    content: "";
    position: absolute;
    right: -78px;
    bottom: -92px;
    width: 230px;
    height: 230px;
    border-radius: 999px;
    background: rgba(56,189,248,.12);
    filter: blur(8px);
    pointer-events: none;
}

.ea-member-page-hero > *,
.ea-member-shell > div:last-child > .d-flex.justify-content-between.align-items-start.mb-4 > *,
.ea-member-shell > div:last-child > .d-flex.flex-column.flex-lg-row.justify-content-between.align-items-lg-start.mb-4 > * {
    position: relative;
    z-index: 1;
}

.ea-member-shell .ea-kicker {
    color: #7dd3fc;
    background: rgba(56,189,248,.10);
    border-color: rgba(56,189,248,.23);
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ea-member-shell .ea-kicker i {
    color: #86efac;
}

.ea-member-shell .ea-section-title,
.ea-member-shell h1,
.ea-member-shell h2,
.ea-member-shell h3,
.ea-member-shell h4 {
    color: #f8fafc;
    font-weight: 950;
    letter-spacing: -.04em;
}

.ea-member-shell .ea-section-title,
.ea-member-shell h1 {
    font-size: clamp(28px, 3.4vw, 48px);
    line-height: 1.04;
}

/* Cards, stats and panels */
.ea-member-shell .ea-card,
.ea-member-shell .card,
.ea-member-shell .exness-card,
.ea-member-shell .partner-card,
.ea-member-shell .member-trade-card,
.ea-member-shell .member-stat-card,
.ea-member-shell .member-dashboard-help-card,
.ea-member-shell .member-dashboard-order-card {
    max-width: 100%;
    background:
        linear-gradient(155deg, rgba(17,30,51,.90), rgba(8,16,31,.84)) !important;
    border: 1px solid rgba(125,211,252,.14) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 64px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.ea-member-shell .ea-card:hover,
.ea-member-shell .card:hover,
.ea-member-shell .member-dashboard-order-card:hover {
    border-color: rgba(56,189,248,.25) !important;
}

.ea-member-shell .card-header,
.ea-member-shell .card-footer {
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(148,163,184,.11) !important;
    padding: 18px 22px;
}

.ea-member-shell .card-body {
    min-width: 0;
}

.ea-member-shell .row {
    min-width: 0;
}

.ea-member-shell [class*="col-"] {
    min-width: 0;
}

.ea-member-shell .row.mb-4 > [class*="col-"] > .ea-card.p-3,
.ea-member-shell .row.mb-4 > [class*="col-"] > .ea-card.card,
.ea-member-shell .ea-member-stat-card,
.ea-member-shell .member-stat-card {
    position: relative;
    overflow: hidden;
    min-height: 108px;
    background:
        radial-gradient(circle at 94% 10%, rgba(56,189,248,.16), transparent 32%),
        linear-gradient(155deg, rgba(17,30,51,.92), rgba(8,16,31,.86)) !important;
}

.ea-member-shell .row.mb-4 > [class*="col-"] > .ea-card.p-3:after,
.ea-member-shell .ea-member-stat-card:after,
.ea-member-shell .member-stat-card:after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: rgba(56,189,248,.09);
}

.ea-member-shell .h2,
.ea-member-shell .h3,
.ea-member-shell .h4,
.ea-member-shell .value,
.ea-member-shell .ea-wallet-balance {
    font-weight: 950;
    letter-spacing: -.04em;
}

.ea-member-shell .ea-metric,
.ea-member-shell .ea-license-mini-box,
.ea-member-shell .ea-license-progress-box,
.ea-member-shell .ea-signal-box,
.ea-member-shell .ea-coupon-box,
.ea-member-shell .ea-risk-box {
    max-width: 100%;
    border-radius: 20px !important;
    background: rgba(3,7,18,.30) !important;
    border: 1px solid rgba(148,163,184,.12) !important;
}

.ea-member-shell .ea-metric .value {
    font-size: clamp(18px, 2vw, 26px);
    overflow-wrap: anywhere;
}

/* Buttons and actions */
.ea-member-shell .btn,
.ea-member-shell .ea-member-btn,
.ea-member-shell a.ea-member-btn {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 16px !important;
    font-weight: 950 !important;
    white-space: nowrap;
}

.ea-member-shell .ea-member-page-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Tables/DataTables: horizontal scroll inside card, never page overflow */
.ea-member-shell .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px;
}

.ea-member-shell .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.ea-member-shell table,
.ea-member-shell .table,
.ea-member-shell table.dataTable {
    width: 100% !important;
    min-width: 760px;
    color: #dbeafe !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.ea-member-shell .table thead th,
.ea-member-shell table.dataTable thead th {
    color: #eaf2ff !important;
    background: rgba(3,7,18,.32) !important;
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 13px 14px !important;
}

.ea-member-shell .table tbody td,
.ea-member-shell table.dataTable tbody td {
    color: #dbeafe !important;
    border-top: 1px solid rgba(148,163,184,.09) !important;
    vertical-align: middle !important;
    padding: 14px !important;
    overflow-wrap: anywhere;
}

.ea-member-shell .table tbody tr:hover,
.ea-member-shell table.dataTable tbody tr:hover {
    background: rgba(56,189,248,.055) !important;
}

.ea-member-shell .dataTables_wrapper .row {
    align-items: center;
}

.ea-member-shell .dataTables_wrapper .dataTables_filter input,
.ea-member-shell .dataTables_wrapper .dataTables_length select {
    max-width: 100%;
}

/* Form controls */
.ea-member-shell .form-control,
.ea-member-shell .custom-select,
.ea-member-shell select,
.ea-member-shell textarea,
.ea-member-shell input[type="text"],
.ea-member-shell input[type="email"],
.ea-member-shell input[type="number"],
.ea-member-shell input[type="password"] {
    min-height: 44px;
    border-radius: 16px !important;
    background: rgba(3,7,18,.36) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    color: #ffffff !important;
}

.ea-member-shell textarea.form-control,
.ea-member-shell textarea {
    min-height: 96px;
}

.ea-member-shell .form-control:focus,
.ea-member-shell .custom-select:focus,
.ea-member-shell input:focus,
.ea-member-shell textarea:focus,
.ea-member-shell select:focus {
    border-color: rgba(56,189,248,.55) !important;
    box-shadow: 0 0 0 .2rem rgba(56,189,248,.13) !important;
}

.ea-member-shell select option,
.ea-member-shell .custom-select option {
    color: #0f172a;
    background: #ffffff;
}

/* Signal cards, license cards and lively product-like panels */
.ea-member-shell .ea-signal-card,
.ea-member-shell .ea-license-card,
.ea-member-shell .ea-copy-master-card {
    position: relative;
    overflow: hidden;
}

.ea-member-shell .ea-signal-card:after,
.ea-member-shell .ea-license-card:after,
.ea-member-shell .ea-copy-master-card:after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: rgba(56,189,248,.08);
    pointer-events: none;
}

.ea-member-shell .ea-status-pill,
.ea-member-shell .badge,
.ea-member-shell .ea-mini-tag,
.ea-member-shell .ea-badge {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ea-member-shell code,
.ea-member-shell .ea-code-soft,
.ea-member-shell .partner-link-box,
.ea-member-shell .license-detail-v4-copy-card {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ea-member-shell img,
.ea-member-shell canvas,
.ea-member-shell video,
.ea-member-shell svg {
    max-width: 100%;
}

/* Dashboard custom sections */
.ea-member-shell .member-dashboard-hero,
.ea-member-shell .member-support-hero,
.ea-member-shell .exness-hero,
.ea-member-shell .ea-exness-hero {
    max-width: 100%;
    border-radius: 30px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    box-shadow: 0 26px 78px rgba(0,0,0,.27) !important;
}

.ea-member-shell .member-dashboard-hero-content {
    min-width: 0;
}

.ea-member-shell .member-dashboard-profile-card,
.ea-member-shell .member-support-side,
.ea-member-shell .support-ticket-panel,
.ea-member-shell .support-chat-panel {
    max-width: 100%;
    min-width: 0;
}

.ea-member-shell .member-dashboard-profile-email,
.ea-member-shell .member-dashboard-profile-name {
    overflow-wrap: anywhere;
}

/* Mobile and tablet layout safety */
@media (max-width: 1199.98px) {
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container,
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container-fluid {
        width: min(100% - 24px, 1640px) !important;
    }

    .ea-member-shell {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 20px;
    }

    .ea-member-shell .ea-member-sidebar {
        max-width: 250px;
    }
}

@media (max-width: 991.98px) {
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container,
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container-fluid {
        width: min(100% - 22px, 1640px) !important;
    }

    .ea-member-shell {
        display: block;
    }

    .ea-member-shell .ea-member-sidebar {
        position: relative;
        top: auto;
        max-width: 100%;
        margin-bottom: 18px;
    }

    .ea-member-shell .ea-member-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ea-member-shell .ea-member-menu a {
        transform: none !important;
        justify-content: flex-start;
    }

    .ea-member-page-hero,
    .ea-member-shell > div:last-child > .d-flex.justify-content-between.align-items-start.mb-4,
    .ea-member-shell > div:last-child > .d-flex.flex-column.flex-lg-row.justify-content-between.align-items-lg-start.mb-4 {
        border-radius: 24px;
        padding: 20px;
    }

    .ea-member-shell .member-dashboard-hero-content {
        grid-template-columns: 1fr !important;
    }

    .ea-member-shell .member-dashboard-profile-card {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container,
    body.ea-body:not(.ea-admin-body):not(.bw-public-v2) .content-wrapper.ea-content > .container-fluid {
        width: min(100% - 18px, 1640px) !important;
    }

    .ea-member-shell .ea-member-sidebar {
        border-radius: 22px !important;
        padding: 13px !important;
    }

    .ea-member-shell .ea-member-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .ea-member-shell .ea-member-menu a {
        padding: 10px;
        font-size: 12px;
    }

    .ea-member-shell .ea-member-menu a i {
        width: 18px;
        min-width: 18px;
    }

    .ea-member-page-hero,
    .ea-member-shell > div:last-child > .d-flex.justify-content-between.align-items-start.mb-4,
    .ea-member-shell > div:last-child > .d-flex.flex-column.flex-lg-row.justify-content-between.align-items-lg-start.mb-4 {
        padding: 18px;
        border-radius: 22px;
    }

    .ea-member-shell .ea-section-title,
    .ea-member-shell h1 {
        font-size: clamp(26px, 9vw, 38px);
    }

    .ea-member-shell .ea-member-page-actions,
    .ea-member-shell .member-dashboard-actions {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .ea-member-shell .ea-member-page-actions .btn,
    .ea-member-shell .member-dashboard-actions .btn,
    .ea-member-shell form .btn {
        width: 100%;
        white-space: normal;
    }

    .ea-member-shell .card-header,
    .ea-member-shell .card-body,
    .ea-member-shell .card-footer {
        padding: 16px !important;
    }

    .ea-member-shell table,
    .ea-member-shell .table,
    .ea-member-shell table.dataTable {
        min-width: 680px;
    }

    .ea-member-shell .dataTables_wrapper .row {
        display: block;
    }

    .ea-member-shell .dataTables_length,
    .ea-member-shell .dataTables_filter,
    .ea-member-shell .dataTables_info,
    .ea-member-shell .dataTables_paginate {
        width: 100%;
        text-align: left !important;
        margin-bottom: 10px;
    }

    .ea-member-shell .dataTables_filter input {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px;
    }

    .ea-member-shell .ea-license-key-box,
    .ea-member-shell .license-detail-v4-copy-row,
    .ea-member-shell .member-chat-input-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .ea-member-shell .ea-order-no-pill,
    .ea-member-shell .ea-mini-tag,
    .ea-member-shell .ea-status-pill {
        max-width: 100%;
    }
}

@media (max-width: 430px) {
    .ea-member-shell .ea-member-menu {
        grid-template-columns: 1fr;
    }

    .ea-member-shell table,
    .ea-member-shell .table,
    .ea-member-shell table.dataTable {
        min-width: 620px;
    }

    .ea-member-shell .ea-card,
    .ea-member-shell .card {
        border-radius: 20px !important;
    }
}

/* ============================================================
   Big Whale Admin V5 - Member-style Wide Lively Control Center
   Scope: body.ea-admin-v5 only. Public/Member are untouched.
   ============================================================ */
body.ea-admin-v5 {
    --adm-bg: #050d19;
    --adm-panel: rgba(17, 30, 51, .90);
    --adm-panel-2: rgba(8, 16, 31, .88);
    --adm-line: rgba(125, 211, 252, .16);
    --adm-line-soft: rgba(148, 163, 184, .12);
    --adm-text: #eaf2ff;
    --adm-muted: #9fb0c7;
    --adm-cyan: #38bdf8;
    --adm-green: #22c55e;
    --adm-gold: #facc15;
    --adm-pink: #ec4899;
    --adm-red: #fb7185;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 10% 0%, rgba(56,189,248,.18), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(34,197,94,.13), transparent 32%),
        radial-gradient(circle at 65% 96%, rgba(236,72,153,.08), transparent 35%),
        #050d19 !important;
    color: var(--adm-text);
}

body.ea-admin-v5:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background-image:
        linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 78%);
}

body.ea-admin-v5:after {
    content: "";
    position: fixed;
    right: -160px;
    top: 120px;
    width: 380px;
    height: 380px;
    border-radius: 999px;
    background: rgba(56,189,248,.12);
    filter: blur(36px);
    pointer-events: none;
    z-index: -1;
    animation: eaAdminFloat 10s ease-in-out infinite;
}

@keyframes eaAdminFloat {
    0%, 100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(-24px, 34px, 0) scale(1.08); }
}

body.ea-admin-v5 .wrapper,
body.ea-admin-v5 .content-wrapper,
body.ea-admin-v5 .main-footer,
body.ea-admin-v5 .ea-admin-content {
    background: transparent !important;
}

/* Wider than member, but safe */
body.ea-admin-v5 .ea-admin-container {
    width: min(100% - 34px, 1760px) !important;
    max-width: 1760px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Bigger desktop sidebar like a real control panel */
@media (min-width: 992px) {
    body.ea-admin-v5:not(.sidebar-collapse) .main-sidebar {
        width: 292px !important;
    }
    body.ea-admin-v5:not(.sidebar-collapse) .content-wrapper,
    body.ea-admin-v5:not(.sidebar-collapse) .main-footer,
    body.ea-admin-v5:not(.sidebar-collapse) .main-header {
        margin-left: 292px !important;
    }
}

body.ea-admin-v5 .ea-admin-navbar {
    min-height: 66px;
    background: rgba(5, 13, 25, .82) !important;
    border-bottom: 1px solid rgba(125,211,252,.14) !important;
    box-shadow: 0 18px 54px rgba(0,0,0,.22);
    backdrop-filter: blur(18px);
}

body.ea-admin-v5 .ea-admin-menu-toggle {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    color: #eaf2ff !important;
}

body.ea-admin-v5 .ea-admin-menu-toggle:hover {
    background: rgba(56,189,248,.14);
    border-color: rgba(56,189,248,.32);
}

body.ea-admin-v5 .ea-admin-top-title .ea-admin-top-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.ea-admin-v5 .ea-admin-top-title strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
    letter-spacing: -.02em;
}

body.ea-admin-v5 .ea-admin-chip,
body.ea-admin-v5 .ea-admin-user-pill,
body.ea-admin-v5 .ea-admin-live-chip {
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    color: #eaf2ff !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
}

body.ea-admin-v5 .ea-admin-chip:hover,
body.ea-admin-v5 .ea-admin-chip.active,
body.ea-admin-v5 .ea-admin-user-pill:hover {
    background: rgba(56,189,248,.13) !important;
    border-color: rgba(56,189,248,.30) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

body.ea-admin-v5 .ea-admin-avatar {
    background: linear-gradient(135deg, #7dd3fc, #22c55e) !important;
    color: #06111f;
    box-shadow: 0 0 0 5px rgba(56,189,248,.08), 0 12px 28px rgba(56,189,248,.18);
}

body.ea-admin-v5 .ea-admin-sidebar {
    background:
        radial-gradient(circle at 8% 0%, rgba(56,189,248,.14), transparent 36%),
        linear-gradient(180deg, rgba(7,17,31,.98), rgba(3,7,18,.98)) !important;
    border-right: 1px solid rgba(125,211,252,.14);
    box-shadow: 22px 0 60px rgba(0,0,0,.22) !important;
}

body.ea-admin-v5 .ea-admin-brand-link {
    min-height: 82px;
    padding: 16px 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.02) !important;
}

body.ea-admin-v5 .ea-admin-brand img {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    filter: drop-shadow(0 14px 28px rgba(56,189,248,.22));
}

body.ea-admin-v5 .ea-admin-brand-title {
    color: #ffffff;
    font-size: 19px;
    font-weight: 950;
    letter-spacing: -.02em;
}

body.ea-admin-v5 .ea-admin-brand-subtitle {
    color: #86efac;
    font-size: 9.5px;
    font-weight: 950;
    letter-spacing: .13em;
}

body.ea-admin-v5 .ea-admin-side-card {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: 15px;
    background:
        radial-gradient(circle at 95% 0%, rgba(34,197,94,.18), transparent 38%),
        linear-gradient(135deg, rgba(56,189,248,.13), rgba(255,255,255,.035));
    border: 1px solid rgba(125,211,252,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.18);
}

body.ea-admin-v5 .ea-admin-side-dot,
body.ea-admin-v5 .ea-admin-live-chip i {
    color: #22c55e;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.62);
    animation: eaAdminPulse 1.8s infinite;
}

@keyframes eaAdminPulse {
    70% { box-shadow: 0 0 0 9px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

body.ea-admin-v5 .ea-nav-header {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .14em;
    padding: 17px 12px 7px !important;
}

body.ea-admin-v5 .ea-admin-sidebar .nav-sidebar .nav-link {
    min-height: 42px;
    border-radius: 16px;
    padding: 10px 12px;
    margin: 3px 0;
    color: #b7c6dc;
    background: rgba(255,255,255,.022);
    border: 1px solid transparent;
    transition: all .16s ease;
}

body.ea-admin-v5 .ea-admin-sidebar .nav-sidebar .nav-link p {
    font-weight: 900;
    letter-spacing: -.01em;
}

body.ea-admin-v5 .ea-admin-sidebar .nav-sidebar .nav-icon {
    color: #7dd3fc;
    width: 24px;
    filter: drop-shadow(0 0 10px rgba(56,189,248,.22));
}

body.ea-admin-v5 .ea-admin-sidebar .nav-sidebar .nav-link:hover,
body.ea-admin-v5 .ea-admin-sidebar .nav-sidebar .nav-link.active {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(56,189,248,.18), rgba(34,197,94,.10));
    border-color: rgba(56,189,248,.24);
    box-shadow: 0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
    transform: translateX(2px);
}

/* Member-style page hero */
body.ea-admin-v5 .ea-admin-command-bar,
body.ea-admin-v5 .ea-admin-page-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(20px, 2.4vw, 32px);
    margin-bottom: 24px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 86% 10%, rgba(34,197,94,.22), transparent 30%),
        radial-gradient(circle at 6% 16%, rgba(56,189,248,.20), transparent 34%),
        linear-gradient(145deg, rgba(17,30,51,.94), rgba(7,17,31,.88));
    border: 1px solid rgba(125,211,252,.17);
    box-shadow: 0 30px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

body.ea-admin-v5 .ea-admin-command-bar:before,
body.ea-admin-v5 .ea-admin-page-hero:before {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -100px;
    width: 250px;
    height: 250px;
    border-radius: 999px;
    background: rgba(56,189,248,.12);
    filter: blur(8px);
    pointer-events: none;
}

body.ea-admin-v5 .ea-admin-command-bar > *,
body.ea-admin-v5 .ea-admin-page-hero > * {
    position: relative;
    z-index: 1;
}

body.ea-admin-v5 .ea-admin-page-kicker,
body.ea-admin-v5 .ea-admin-command-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #7dd3fc;
    background: rgba(56,189,248,.10);
    border: 1px solid rgba(56,189,248,.23);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.ea-admin-v5 .ea-admin-command-bar h1,
body.ea-admin-v5 .ea-admin-page-hero h1,
body.ea-admin-v5 .ea-admin-command-bar strong,
body.ea-admin-v5 .ea-admin-page-hero-content h1 {
    display: block;
    margin: 0 0 7px;
    color: #ffffff;
    font-size: clamp(28px, 3.4vw, 52px) !important;
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -.05em;
    text-shadow: 0 14px 34px rgba(0,0,0,.24);
}

body.ea-admin-v5 .ea-admin-command-bar p,
body.ea-admin-v5 .ea-admin-page-hero p,
body.ea-admin-v5 .ea-admin-page-hero-content p {
    margin: 0;
    color: #a8bad2 !important;
    max-width: 760px;
    line-height: 1.65;
}

body.ea-admin-v5 .ea-admin-command-actions,
body.ea-admin-v5 .ea-admin-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

body.ea-admin-v5 .ea-admin-live-chip {
    padding: 9px 13px;
    color: #86efac !important;
    background: rgba(34,197,94,.11) !important;
    border-color: rgba(34,197,94,.24) !important;
    font-size: 12px;
}

body.ea-admin-v5 .ea-admin-live-chip i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
}

/* Cards: same vibe as member latest */
body.ea-admin-v5 .card,
body.ea-admin-v5 .ea-card,
body.ea-admin-v5 .ea-admin-stat-card,
body.ea-admin-v5 .ea-admin-stat-card-soft,
body.ea-admin-v5 .ea-admin-list-card,
body.ea-admin-v5 .article-editor-card,
body.ea-admin-v5 .article-stat-card,
body.ea-admin-v5 .bw-stat-card,
body.ea-admin-v5 .bw-trade-card {
    color: #eaf2ff;
    background: linear-gradient(155deg, rgba(17,30,51,.90), rgba(8,16,31,.84)) !important;
    border: 1px solid rgba(125,211,252,.14) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 64px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
    overflow: hidden;
}

body.ea-admin-v5 .card:hover,
body.ea-admin-v5 .ea-card:hover,
body.ea-admin-v5 .ea-admin-list-card:hover {
    border-color: rgba(56,189,248,.25) !important;
}

body.ea-admin-v5 .card-header,
body.ea-admin-v5 .card-footer {
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(148,163,184,.11) !important;
    padding: 18px 22px;
}

body.ea-admin-v5 .card-body {
    padding: 22px;
    min-width: 0;
}

body.ea-admin-v5 .card-title,
body.ea-admin-v5 h1,
body.ea-admin-v5 h2,
body.ea-admin-v5 h3,
body.ea-admin-v5 h4,
body.ea-admin-v5 h5,
body.ea-admin-v5 .ea-section-title {
    color: #f8fafc;
    font-weight: 950;
    letter-spacing: -.04em;
}

body.ea-admin-v5 p,
body.ea-admin-v5 small,
body.ea-admin-v5 .text-muted,
body.ea-admin-v5 .ea-muted {
    color: #9fb0c7 !important;
}

body.ea-admin-v5 .row,
body.ea-admin-v5 [class*="col-"] {
    min-width: 0;
}

body.ea-admin-v5 .ea-dashboard-stat-card,
body.ea-admin-v5 .ea-admin-stat-card,
body.ea-admin-v5 .ea-admin-stat-card-soft,
body.ea-admin-v5 .article-stat-card,
body.ea-admin-v5 .bw-stat-card {
    position: relative;
    min-height: 112px;
    background:
        radial-gradient(circle at 94% 10%, rgba(56,189,248,.16), transparent 32%),
        linear-gradient(155deg, rgba(17,30,51,.92), rgba(8,16,31,.86)) !important;
}

body.ea-admin-v5 .ea-dashboard-stat-card:after,
body.ea-admin-v5 .ea-admin-stat-card:after,
body.ea-admin-v5 .ea-admin-stat-card-soft:after,
body.ea-admin-v5 .article-stat-card:after,
body.ea-admin-v5 .bw-stat-card:after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: rgba(56,189,248,.09);
    pointer-events: none;
}

body.ea-admin-v5 .ea-admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body.ea-admin-v5 .ea-admin-stat-card-soft {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
}

body.ea-admin-v5 .ea-admin-stat-card-soft .label {
    display: block;
    color: #9fb0c7;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

body.ea-admin-v5 .ea-admin-stat-card-soft strong,
body.ea-admin-v5 .ea-dashboard-stat-card .h3,
body.ea-admin-v5 .h2,
body.ea-admin-v5 .h3,
body.ea-admin-v5 .value {
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -.04em;
}

body.ea-admin-v5 .ea-admin-stat-icon,
body.ea-admin-v5 .ea-member-stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(56,189,248,.12);
    color: #7dd3fc;
    border: 1px solid rgba(255,255,255,.08);
    font-size: 21px;
    flex-shrink: 0;
}

body.ea-admin-v5 .ea-admin-stat-icon.green { color: #86efac; background: rgba(34,197,94,.12); }
body.ea-admin-v5 .ea-admin-stat-icon.gold { color: #fde68a; background: rgba(250,204,21,.12); }
body.ea-admin-v5 .ea-admin-stat-icon.red { color: #fda4af; background: rgba(251,113,133,.12); }
body.ea-admin-v5 .ea-admin-stat-icon.blue { color: #7dd3fc; background: rgba(56,189,248,.12); }

/* Forms: premium and balanced */
body.ea-admin-v5 .form-control,
body.ea-admin-v5 .custom-select,
body.ea-admin-v5 select,
body.ea-admin-v5 textarea,
body.ea-admin-v5 input[type="text"],
body.ea-admin-v5 input[type="email"],
body.ea-admin-v5 input[type="number"],
body.ea-admin-v5 input[type="password"],
body.ea-admin-v5 input[type="date"],
body.ea-admin-v5 input[type="datetime-local"] {
    min-height: 44px;
    color: #ffffff !important;
    background: rgba(3,7,18,.36) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.ea-admin-v5 textarea.form-control,
body.ea-admin-v5 textarea {
    min-height: 100px;
}

body.ea-admin-v5 .form-control:focus,
body.ea-admin-v5 .custom-select:focus,
body.ea-admin-v5 input:focus,
body.ea-admin-v5 textarea:focus,
body.ea-admin-v5 select:focus {
    border-color: rgba(56,189,248,.55) !important;
    box-shadow: 0 0 0 .2rem rgba(56,189,248,.13) !important;
}

body.ea-admin-v5 label {
    color: #dbeafe;
    font-weight: 900;
}

body.ea-admin-v5 select option,
body.ea-admin-v5 .custom-select option {
    color: #0f172a;
    background: #ffffff;
}

body.ea-admin-v5 .btn,
body.ea-admin-v5 .ea-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 16px !important;
    font-weight: 950 !important;
    border-width: 1px;
    box-shadow: 0 12px 28px rgba(0,0,0,.16);
    transition: all .16s ease;
}

body.ea-admin-v5 .btn:hover,
body.ea-admin-v5 .ea-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(0,0,0,.22);
}

body.ea-admin-v5 .btn-success { background: linear-gradient(135deg, #22c55e, #16a34a) !important; border-color: rgba(34,197,94,.30) !important; color: #ffffff !important; }
body.ea-admin-v5 .btn-primary,
body.ea-admin-v5 .btn-info { background: linear-gradient(135deg, #38bdf8, #2563eb) !important; border-color: rgba(56,189,248,.34) !important; color: #ffffff !important; }
body.ea-admin-v5 .btn-warning { background: linear-gradient(135deg, #facc15, #f59e0b) !important; border-color: rgba(250,204,21,.35) !important; color: #111827 !important; }
body.ea-admin-v5 .btn-danger { background: linear-gradient(135deg, #fb7185, #ef4444) !important; border-color: rgba(251,113,133,.35) !important; color: #ffffff !important; }
body.ea-admin-v5 .btn-outline-info,
body.ea-admin-v5 .btn-outline-light,
body.ea-admin-v5 .btn-outline-secondary {
    color: #eaf2ff !important;
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.12) !important;
}
body.ea-admin-v5 .btn-outline-info:hover,
body.ea-admin-v5 .btn-outline-light:hover,
body.ea-admin-v5 .btn-outline-secondary:hover {
    background: rgba(56,189,248,.13) !important;
    border-color: rgba(56,189,248,.30) !important;
    color: #ffffff !important;
}

/* Tables never break the page */
body.ea-admin-v5 .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px;
}

body.ea-admin-v5 .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #cbd5e1;
}

body.ea-admin-v5 table,
body.ea-admin-v5 .table,
body.ea-admin-v5 table.dataTable {
    width: 100% !important;
    min-width: 800px;
    color: #dbeafe !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.ea-admin-v5 .table thead th,
body.ea-admin-v5 table.dataTable thead th {
    color: #eaf2ff !important;
    background: rgba(3,7,18,.34) !important;
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 13px 14px !important;
}

body.ea-admin-v5 .table tbody td,
body.ea-admin-v5 table.dataTable tbody td {
    color: #dbeafe !important;
    border-top: 1px solid rgba(148,163,184,.09) !important;
    vertical-align: middle !important;
    padding: 14px !important;
    overflow-wrap: anywhere;
}

body.ea-admin-v5 .table tbody tr:hover,
body.ea-admin-v5 table.dataTable tbody tr:hover {
    background: rgba(56,189,248,.055) !important;
}

body.ea-admin-v5 .dataTables_wrapper .dataTables_filter input,
body.ea-admin-v5 .dataTables_wrapper .dataTables_length select {
    max-width: 100%;
}

body.ea-admin-v5 .badge,
body.ea-admin-v5 .ea-badge,
body.ea-admin-v5 .ea-status-pill,
body.ea-admin-v5 .ea-mini-tag,
body.ea-admin-v5 .ea-order-no-pill {
    border-radius: 999px !important;
    font-weight: 950 !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.ea-admin-v5 .ea-status-success { color: #86efac; background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.22); }
body.ea-admin-v5 .ea-status-warning { color: #fde68a; background: rgba(250,204,21,.10); border-color: rgba(250,204,21,.22); }
body.ea-admin-v5 .ea-status-danger { color: #fda4af; background: rgba(251,113,133,.10); border-color: rgba(251,113,133,.22); }
body.ea-admin-v5 .ea-status-info { color: #7dd3fc; background: rgba(56,189,248,.10); border-color: rgba(56,189,248,.22); }
body.ea-admin-v5 .ea-status-secondary { color: #cbd5e1; background: rgba(148,163,184,.10); border-color: rgba(148,163,184,.18); }

body.ea-admin-v5 code,
body.ea-admin-v5 .ea-code-soft,
body.ea-admin-v5 .ea-admin-log-pre {
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.ea-admin-v5 .ea-admin-log-pre {
    max-width: 360px;
    padding: 9px 10px;
    border-radius: 14px;
    color: #bae6fd;
    background: rgba(3,7,18,.34);
    border: 1px solid rgba(56,189,248,.12);
    font-size: 12px;
    line-height: 1.45;
}

body.ea-admin-v5 img,
body.ea-admin-v5 canvas,
body.ea-admin-v5 video,
body.ea-admin-v5 svg {
    max-width: 100%;
}

body.ea-admin-v5 .alert,
body.ea-admin-v5 .ea-admin-alert {
    color: #eaf2ff;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(15,23,42,.92);
    box-shadow: 0 18px 46px rgba(0,0,0,.20);
}

body.ea-admin-v5 .modal-content,
body.ea-admin-v5 .dropdown-menu {
    color: #eaf2ff;
    background: rgba(15,23,42,.98) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 18px;
    box-shadow: 0 22px 70px rgba(0,0,0,.34);
}

body.ea-admin-v5 .dropdown-item {
    color: #dbeafe;
    border-radius: 10px;
    margin: 2px 6px;
    width: auto;
}

body.ea-admin-v5 .dropdown-item:hover {
    color: #ffffff;
    background: rgba(56,189,248,.11);
}

body.ea-admin-v5 .ea-admin-footer {
    min-height: 54px;
    color: #94a3b8 !important;
    background: rgba(5,13,25,.88) !important;
    border-top: 1px solid rgba(125,211,252,.12) !important;
}

/* Homepage settings: force 3 separate balanced cards, no stretched upload field */
body.ea-admin-v5 .ea-admin-slide-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

body.ea-admin-v5 .ea-admin-slide-card {
    min-width: 0;
    height: 100%;
}

body.ea-admin-v5 .ea-admin-slide-preview {
    position: relative;
    height: 178px;
    border-radius: 26px 26px 0 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid rgba(148,163,184,.12);
}

body.ea-admin-v5 .ea-admin-slide-preview:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3,7,18,.22), rgba(3,7,18,.72));
}

body.ea-admin-v5 .ea-admin-slide-number,
body.ea-admin-v5 .ea-admin-slide-status {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    color: #eaf2ff;
    background: rgba(3,7,18,.55);
    border: 1px solid rgba(255,255,255,.13);
}

body.ea-admin-v5 .ea-admin-slide-number { left: 14px; top: 14px; }
body.ea-admin-v5 .ea-admin-slide-status { right: 14px; top: 14px; }
body.ea-admin-v5 .ea-admin-slide-status.on { color: #86efac; border-color: rgba(34,197,94,.25); background: rgba(34,197,94,.13); }
body.ea-admin-v5 .ea-admin-slide-status.off { color: #fda4af; border-color: rgba(251,113,133,.25); background: rgba(251,113,133,.11); }

body.ea-admin-v5 .custom-file,
body.ea-admin-v5 .custom-file-input,
body.ea-admin-v5 .custom-file-label {
    max-width: 100%;
    height: 44px;
}

body.ea-admin-v5 .custom-file-label {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cbd5e1 !important;
    background: rgba(3,7,18,.36) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 16px !important;
    padding-right: 90px;
}

body.ea-admin-v5 .custom-file-label:after {
    height: 42px;
    display: inline-flex;
    align-items: center;
    color: #03111f;
    font-weight: 950;
    background: linear-gradient(135deg, #38bdf8, #22c55e);
    border: 0;
    border-radius: 0 14px 14px 0;
}

body.ea-admin-v5 .ea-admin-save-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(17,30,51,.92), rgba(8,16,31,.86));
    border: 1px solid rgba(125,211,252,.16);
    box-shadow: 0 22px 64px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}

/* Responsive */
@media (max-width: 1399.98px) {
    body.ea-admin-v5 .ea-admin-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    body.ea-admin-v5 .ea-admin-container {
        width: min(100% - 24px, 1760px) !important;
    }
    body.ea-admin-v5 .ea-admin-slide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.ea-admin-v5 .main-header,
    body.ea-admin-v5 .content-wrapper,
    body.ea-admin-v5 .main-footer {
        margin-left: 0 !important;
    }

    body.ea-admin-v5 .ea-admin-command-bar,
    body.ea-admin-v5 .ea-admin-page-hero {
        flex-direction: column;
        border-radius: 26px;
    }

    body.ea-admin-v5 .ea-admin-command-actions,
    body.ea-admin-v5 .ea-admin-page-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.ea-admin-v5 {
        font-size: 13px;
    }

    body.ea-admin-v5 .ea-admin-container {
        width: min(100% - 18px, 1760px) !important;
    }

    body.ea-admin-v5 .ea-admin-command-bar,
    body.ea-admin-v5 .ea-admin-page-hero {
        padding: 18px;
        border-radius: 22px;
    }

    body.ea-admin-v5 .ea-admin-command-bar h1,
    body.ea-admin-v5 .ea-admin-page-hero h1,
    body.ea-admin-v5 .ea-admin-command-bar strong {
        font-size: clamp(26px, 9vw, 40px) !important;
    }

    body.ea-admin-v5 .ea-admin-command-actions .btn,
    body.ea-admin-v5 .ea-admin-page-actions .btn,
    body.ea-admin-v5 form .btn {
        width: 100%;
        white-space: normal;
    }

    body.ea-admin-v5 .ea-admin-stat-grid,
    body.ea-admin-v5 .ea-admin-slide-grid {
        grid-template-columns: 1fr !important;
    }

    body.ea-admin-v5 .card-header,
    body.ea-admin-v5 .card-body,
    body.ea-admin-v5 .card-footer {
        padding: 16px !important;
    }

    body.ea-admin-v5 table,
    body.ea-admin-v5 .table,
    body.ea-admin-v5 table.dataTable {
        min-width: 700px;
    }

    body.ea-admin-v5 .dataTables_wrapper .row {
        display: block;
    }

    body.ea-admin-v5 .dataTables_length,
    body.ea-admin-v5 .dataTables_filter,
    body.ea-admin-v5 .dataTables_info,
    body.ea-admin-v5 .dataTables_paginate {
        width: 100%;
        text-align: left !important;
        margin-bottom: 10px;
    }

    body.ea-admin-v5 .dataTables_filter input {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px;
    }

    body.ea-admin-v5 .ea-admin-save-bar {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 430px) {
    body.ea-admin-v5 table,
    body.ea-admin-v5 .table,
    body.ea-admin-v5 table.dataTable {
        min-width: 640px;
    }
}


/* ============================================================
   Admin Unified Page Title + Top Action Buttons
   Added for every admin page: English title, Thai subtitle, top actions/back
   ============================================================ */
body.ea-admin-v5 .ea-admin-page-hero-unified,
.ea-admin-page-hero-unified {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(20px, 2.4vw, 32px);
    border-radius: 32px;
    background:
        radial-gradient(circle at 88% 8%, rgba(34,197,94,.22), transparent 31%),
        radial-gradient(circle at 8% 12%, rgba(56,189,248,.22), transparent 34%),
        linear-gradient(145deg, rgba(17,30,51,.95), rgba(7,17,31,.89));
    border: 1px solid rgba(125,211,252,.18);
    box-shadow: 0 30px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055);
    overflow: hidden;
    position: relative;
}

body.ea-admin-v5 .ea-admin-page-hero-unified:before,
.ea-admin-page-hero-unified:before {
    content: "";
    position: absolute;
    right: -86px;
    bottom: -104px;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: rgba(56,189,248,.13);
    filter: blur(9px);
    pointer-events: none;
}

body.ea-admin-v5 .ea-admin-page-hero-unified > *,
.ea-admin-page-hero-unified > * {
    position: relative;
    z-index: 1;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-kicker,
.ea-admin-page-hero-unified .ea-admin-page-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #7dd3fc;
    background: rgba(56,189,248,.10);
    border: 1px solid rgba(56,189,248,.23);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.ea-admin-v5 .ea-admin-page-hero-unified h1,
.ea-admin-page-hero-unified h1 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: clamp(28px, 3.4vw, 52px) !important;
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -.05em;
    text-shadow: 0 14px 34px rgba(0,0,0,.24);
}

body.ea-admin-v5 .ea-admin-page-hero-unified p,
.ea-admin-page-hero-unified p {
    margin: 0;
    color: #a8bad2 !important;
    max-width: 780px;
    line-height: 1.65;
    font-size: 15px;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-actions,
.ea-admin-page-hero-unified .ea-admin-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    min-width: 220px;
    margin-left: 25px;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-title-btn,
body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-back-btn,
.ea-admin-page-hero-unified .ea-admin-title-btn,
.ea-admin-page-hero-unified .ea-admin-back-btn {
    min-height: 42px;
    border-radius: 16px !important;
    padding: 10px 16px !important;
    font-weight: 950 !important;
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-back-btn,
.ea-admin-page-hero-unified .ea-admin-back-btn {
    background: rgba(255,255,255,.045) !important;
    color: #eaf2ff !important;
    border-color: rgba(255,255,255,.13) !important;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-back-btn:hover,
.ea-admin-page-hero-unified .ea-admin-back-btn:hover {
    background: rgba(56,189,248,.14) !important;
    border-color: rgba(56,189,248,.32) !important;
    color: #ffffff !important;
}

@media (max-width: 991.98px) {
    body.ea-admin-v5 .ea-admin-page-hero-unified,
    .ea-admin-page-hero-unified {
        flex-direction: column;
        border-radius: 26px;
    }

    body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-actions,
    .ea-admin-page-hero-unified .ea-admin-page-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.ea-admin-v5 .ea-admin-page-hero-unified,
    .ea-admin-page-hero-unified {
        padding: 18px;
        border-radius: 22px;
    }

    body.ea-admin-v5 .ea-admin-page-hero-unified h1,
    .ea-admin-page-hero-unified h1 {
        font-size: clamp(26px, 9vw, 40px) !important;
    }

    body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-actions,
    .ea-admin-page-hero-unified .ea-admin-page-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-actions .btn,
    .ea-admin-page-hero-unified .ea-admin-page-actions .btn {
        width: 100%;
        white-space: normal;
    }
}


/* ============================================================
   Admin Unified Header V6 - Screenshot Match
   English title + Thai subtitle + middle quick nav + right actions
   ============================================================ */
body.ea-admin-v5 .ea-admin-page-hero-unified,
.ea-admin-page-hero-unified {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: flex-start !important;
    column-gap: 16px;
    row-gap: 16px;
    padding: clamp(22px, 2.5vw, 34px) !important;
    min-height: 170px;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-hero-content,
.ea-admin-page-hero-unified .ea-admin-page-hero-content {
    min-width: 0;
    align-self: center;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-page-kicker,
.ea-admin-page-hero-unified .ea-admin-page-kicker {
    color: #7dd3fc !important;
    background: rgba(56,189,248,.13) !important;
    border-color: rgba(56,189,248,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.ea-admin-v5 .ea-admin-page-hero-unified h1,
.ea-admin-page-hero-unified h1 {
    font-size: clamp(34px, 4.4vw, 56px) !important;
    letter-spacing: -.06em !important;
}

body.ea-admin-v5 .ea-admin-page-hero-unified p,
.ea-admin-page-hero-unified p {
    color: #b4c4da !important;
    font-size: 14px;
}

body.ea-admin-v5 .ea-admin-hero-nav,
.ea-admin-hero-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 6px;
    min-width: max-content;
}

body.ea-admin-v5 .ea-admin-page-actions,
.ea-admin-page-hero-unified .ea-admin-page-actions {
    padding-top: 6px;
    min-width: max-content !important;
    align-items: center !important;
}

body.ea-admin-v5 .ea-admin-live-chip,
.ea-admin-live-chip {
    min-height: 42px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 14px !important;
    border-radius: 999px;
    color: #86efac !important;
    background: rgba(34,197,94,.12) !important;
    border: 1px solid rgba(34,197,94,.26) !important;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
    white-space: nowrap;
}

body.ea-admin-v5 .ea-admin-live-chip i,
.ea-admin-live-chip i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.62);
    animation: eaAdminPulse 1.8s infinite;
}

body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-title-btn,
body.ea-admin-v5 .ea-admin-page-hero-unified .ea-admin-back-btn,
.ea-admin-page-hero-unified .ea-admin-title-btn,
.ea-admin-page-hero-unified .ea-admin-back-btn,
.ea-admin-hero-nav .ea-admin-title-btn {
    min-height: 42px;
    border-radius: 16px !important;
    padding: 10px 16px !important;
    font-size: 13px;
    font-weight: 950 !important;
    white-space: nowrap;
}

body.ea-admin-v5 .ea-admin-hero-nav .btn-outline-light,
.ea-admin-hero-nav .btn-outline-light,
body.ea-admin-v5 .ea-admin-page-hero-unified .btn-outline-light,
.ea-admin-page-hero-unified .btn-outline-light {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #eaf2ff !important;
}

body.ea-admin-v5 .ea-admin-hero-nav .btn-success,
.ea-admin-hero-nav .btn-success,
body.ea-admin-v5 .ea-admin-page-hero-unified .btn-success,
.ea-admin-page-hero-unified .btn-success {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-color: rgba(34,197,94,.34) !important;
    color: #ffffff !important;
}

@media (max-width: 1199.98px) {
    body.ea-admin-v5 .ea-admin-page-hero-unified,
    .ea-admin-page-hero-unified {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body.ea-admin-v5 .ea-admin-hero-nav,
    .ea-admin-hero-nav,
    body.ea-admin-v5 .ea-admin-page-actions,
    .ea-admin-page-hero-unified .ea-admin-page-actions {
        justify-content: flex-start !important;
        min-width: 0 !important;
        width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 767.98px) {
    body.ea-admin-v5 .ea-admin-page-hero-unified,
    .ea-admin-page-hero-unified {
        padding: 18px !important;
    }

    body.ea-admin-v5 .ea-admin-page-hero-unified h1,
    .ea-admin-page-hero-unified h1 {
        font-size: clamp(30px, 10vw, 42px) !important;
    }

    body.ea-admin-v5 .ea-admin-hero-nav,
    .ea-admin-hero-nav,
    body.ea-admin-v5 .ea-admin-page-actions,
    .ea-admin-page-hero-unified .ea-admin-page-actions {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    body.ea-admin-v5 .ea-admin-hero-nav > *,
    .ea-admin-hero-nav > *,
    body.ea-admin-v5 .ea-admin-page-actions .btn,
    .ea-admin-page-hero-unified .ea-admin-page-actions .btn {
        width: 100%;
    }
}