:root {
    --bb-account-header: 80px;
    --bb-account-sidebar: 220px;
    --bb-account-gap: 20px;
    --bb-account-panel: rgba(8, 23, 29, 0.92);
    --bb-account-surface: rgba(18, 45, 52, 0.92);
    --bb-account-border: rgba(72, 187, 120, 0.14);
}

body.woocommerce-account.bb-account-dashboard-app {
    overflow: hidden;
}

body.woocommerce-account.bb-account-dashboard-app main {
    height: calc(100vh - var(--bb-account-header));
    overflow: hidden;
}

body.woocommerce-account.bb-account-dashboard-app .bb-footer {
    display: none;
}

body.woocommerce-account.bb-account-dashboard-app .wc-container {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

body.woocommerce-account.bb-account-dashboard-app .wc-container > .woocommerce {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-notices-wrapper {
    position: fixed;
    top: calc(var(--bb-account-header) + 10px);
    right: 16px;
    z-index: 120;
    width: min(360px, calc(100vw - 32px));
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation {
    position: fixed;
    top: var(--bb-account-header);
    left: 0;
    float: none;
    width: var(--bb-account-sidebar);
    height: calc(100vh - var(--bb-account-header));
    margin: 0;
    padding: 16px 14px;
    border-radius: 0;
    border-right: 1px solid rgba(42, 157, 143, 0.18);
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    background: linear-gradient(180deg, #08171d 0%, #10262c 100%);
    overflow: hidden;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation li + li {
    margin-top: 0;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation a {
    padding: 11px 12px;
    font-size: 12px;
    letter-spacing: 0.02em;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-content {
    float: none;
    width: auto;
    max-width: none;
    min-width: 0;
    height: calc(100vh - var(--bb-account-header));
    margin: 0 0 0 240px;
    padding: 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-content > * + * {
    margin-top: 0;
}

body.bb-account-dashboard-home .woocommerce-MyAccount-content > p {
    display: none;
}

.bb-dashboard-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    height: 100%;
}

.bb-dashboard-topbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--bb-account-border);
    border-radius: 18px;
    background: rgba(10, 25, 31, 0.92);
}

.bb-dashboard-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--bb-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bb-dashboard-topbar h2 {
    margin: 0;
    font-size: 1.45rem !important;
    line-height: 1.1;
}

.bb-dashboard-tabs {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 8px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.bb-dashboard-tab-button {
    border: 0;
    padding: 8px 14px;
    border-radius: 999px;
    background: transparent;
    color: var(--text-secondary);
    font-weight: 700;
    cursor: pointer;
}

.bb-dashboard-tab-button.is-active {
    background: linear-gradient(135deg, var(--jungle-green), var(--tropical-turquoise));
    color: #fff;
}

.bb-dashboard-panels {
    min-height: 0;
}

.bb-dashboard-panel {
    display: none;
    height: 100%;
    min-height: 0;
}

.bb-dashboard-panel.is-active {
    display: grid;
}

.bb-dashboard-panel[data-tab-panel="dashboard"] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 14px;
}

.bb-dashboard-panel[data-tab-panel="wallet"],
.bb-dashboard-panel[data-tab-panel="orders"] {
    align-content: start;
}

.bb-card {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--bb-account-border);
    border-radius: 18px;
    background: var(--bb-account-panel);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.bb-card-label {
    display: block;
    margin-bottom: 6px;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bb-stat-grid,
.bb-order-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-stat-card strong,
.bb-status-card strong {
    display: block;
    margin-bottom: 4px;
    font-size: 1.45rem;
    line-height: 1.05;
}

.bb-stat-card small {
    display: block;
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 1.4;
}

.bb-dashboard-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: 14px;
    min-height: 0;
}

.bb-balance-card,
.bb-chart-card,
.bb-orders-card {
    display: grid;
    gap: 12px;
    min-height: 0;
}

.bb-card-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.bb-card-head h3 {
    margin: 0;
    font-size: 1.05rem !important;
}

.bb-card-head span {
    color: var(--text-secondary);
    font-size: 12px;
}

.bb-balance-list {
    display: grid;
    gap: 10px;
}

.bb-balance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 14px;
    background: var(--bb-account-surface);
}

.bb-balance-item span {
    color: var(--text-secondary);
    font-size: 12px;
}

.bb-balance-item strong {
    font-size: 1rem;
}

.bb-chart-bars {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: 10px;
    min-height: 0;
    height: 100%;
    padding: 6px 0 2px;
}

.bb-chart-bar {
    display: grid;
    justify-items: center;
    align-items: end;
    gap: 8px;
    min-height: 0;
}

.bb-chart-bar-fill {
    display: block;
    width: 100%;
    min-height: 18px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--bb-primary), var(--bb-highlight));
}

.bb-chart-bar small {
    color: var(--text-secondary);
    font-size: 11px;
    text-transform: uppercase;
}

.bb-status-card {
    text-align: center;
    padding-block: 12px;
}

.bb-wallet-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    gap: 14px;
}

.bb-wallet-asset {
    display: flex;
    min-height: 128px;
    padding: 10px;
    overflow: hidden;
}

.bb-wallet-asset > * {
    width: 100%;
    max-width: 100%;
}

.bb-wallet-asset * {
    max-width: 100%;
}

.bb-wallet-asset .crypto-card,
.bb-wallet-asset [class*="crypto-card"],
.bb-wallet-asset [class*="buybitcoin"] {
    height: 100%;
    margin: 0 !important;
}

.bb-wallet-asset .button,
.bb-wallet-asset button,
.bb-wallet-asset a.button {
    padding: 6px 10px;
    font-size: 11px;
}

.bb-wallet-asset p,
.bb-wallet-asset small,
.bb-wallet-asset span {
    line-height: 1.35;
}

.bb-wallet-asset img {
    max-height: 28px;
    width: auto;
}

.bb-orders-list {
    display: grid;
    gap: 10px;
}

.bb-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--bb-account-surface);
}

.bb-order-row div {
    display: grid;
    gap: 3px;
}

.bb-order-row div:last-child {
    justify-items: end;
}

.bb-order-row span,
.bb-empty-state {
    color: var(--text-secondary);
    font-size: 12px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-orders-table,
body.woocommerce-account.bb-account-dashboard-app .shop_table {
    font-size: 12px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-orders-table th,
body.woocommerce-account.bb-account-dashboard-app .woocommerce-orders-table td,
body.woocommerce-account.bb-account-dashboard-app .shop_table th,
body.woocommerce-account.bb-account-dashboard-app .shop_table td {
    padding: 10px 12px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-address-fields,
body.woocommerce-account.bb-account-dashboard-app .woocommerce-EditAccountForm,
body.woocommerce-account.bb-account-dashboard-app .woocommerce-form-login {
    display: grid;
    gap: 10px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-address-fields__field-wrapper,
body.woocommerce-account.bb-account-dashboard-app .woocommerce-EditAccountForm fieldset {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-EditAccountForm fieldset legend,
body.woocommerce-account.bb-account-dashboard-app .woocommerce-EditAccountForm .clear {
    grid-column: 1 / -1;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-form-row,
body.woocommerce-account.bb-account-dashboard-app .form-row {
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 1100px) {
    .bb-stat-grid,
    .bb-order-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .bb-dashboard-split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    body.woocommerce-account.bb-account-dashboard-app {
        overflow: auto;
    }

    body.woocommerce-account.bb-account-dashboard-app main {
        height: auto;
        overflow: visible;
    }

    body.woocommerce-account.bb-account-dashboard-app .bb-footer {
        display: block;
    }

    body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation {
        position: static;
        width: 100%;
        height: auto;
        padding: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(42, 157, 143, 0.18);
    }

    body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-content {
        height: auto;
        margin-left: 0;
        padding: 14px;
        overflow: visible;
    }

    .bb-dashboard-shell,
    .bb-dashboard-panel,
    .bb-dashboard-panels {
        height: auto;
    }

    .bb-dashboard-topbar {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-dashboard-tabs {
        width: 100%;
        grid-auto-flow: row;
    }

    .bb-dashboard-panel[data-tab-panel="dashboard"] {
        grid-template-rows: none;
    }
}

@media (max-width: 640px) {
    .bb-stat-grid,
    .bb-order-status-grid,
    .bb-wallet-grid,
    body.woocommerce-account.bb-account-dashboard-app .woocommerce-address-fields__field-wrapper,
    body.woocommerce-account.bb-account-dashboard-app .woocommerce-EditAccountForm fieldset {
        grid-template-columns: 1fr;
    }

    .bb-order-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-order-row div:last-child {
        justify-items: start;
    }
}

/* =====================================
SAFE REPAIR OVERRIDES
No cambia el layout original.
Solo libera altura y scroll.
===================================== */

body.woocommerce-account.bb-account-dashboard-app{
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

body.woocommerce-account.bb-account-dashboard-app main{
    height:auto !important;
    min-height:calc(100vh - var(--bb-account-header)) !important;
    overflow:visible !important;
}

body.woocommerce-account.bb-account-dashboard-app .wc-container,
body.woocommerce-account.bb-account-dashboard-app .wc-container > .woocommerce{
    height:auto !important;
    min-height:calc(100vh - var(--bb-account-header)) !important;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation{
    overflow-y:auto !important;
}

body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-content{
    height:auto !important;
    min-height:calc(100vh - var(--bb-account-header)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

.bb-dashboard-shell,
.bb-dashboard-panels,
.bb-dashboard-panel{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}

.bb-dashboard-panel[data-tab-panel="dashboard"]{
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    gap:14px !important;
}

.bb-dashboard-split{
    min-height:0 !important;
}

.bb-balance-card,
.bb-chart-card,
.bb-orders-card,
.bb-wallet-grid,
.bb-stat-grid,
.bb-order-status-grid{
    min-height:0 !important;
}

@media (max-width: 900px){
    body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-navigation{
        position:static !important;
        height:auto !important;
    }

    body.woocommerce-account.bb-account-dashboard-app .woocommerce-MyAccount-content{
        margin-left:0 !important;
        height:auto !important;
        overflow:visible !important;
    }
}

/* =====================================
NEW RIGHT COLUMN ONLY
Reduce width of existing content
Do not move layout, only compress
===================================== */

@media (min-width:1200px){

/* panel principal más ancho útil */
.bb-dashboard-panel[data-tab-panel="dashboard"]{
position:relative !important;
padding-right:290px !important;   /* espacio nueva columna */
}

/* columna nueva derecha */
.bb-order-status-grid{
position:absolute !important;
top:0 !important;
right:0 !important;
width:260px !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
z-index:4;
}

/* cajas internas */
.bb-order-status-grid > *{
min-height:78px !important;
padding:16px !important;
border-radius:16px !important;
}

/* SOLO reducir ancho visual de lo existente */
.bb-stat-grid,
.bb-balance-card,
.bb-chart-card,
.bb-orders-card{
width:100% !important;
max-width:100% !important;
}

/* gráfica un poco más compacta */
.bb-chart-card{
min-height:210px !important;
}

/* balances */
.bb-balance-card{
min-height:210px !important;
}

}

/* tablet / mobile vuelve normal */
@media (max-width:1199px){

.bb-dashboard-panel[data-tab-panel="dashboard"]{
padding-right:0 !important;
}

.bb-order-status-grid{
position:static !important;
width:100% !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
margin-top:14px !important;
}

}

@media (max-width:700px){

.bb-order-status-grid{
grid-template-columns:1fr !important;
}

}


/* =====================================
LIVE RIGHT SIDEBAR EXPANSION
Nueva columna derecha:
- mini charts en vivo
- precios en vivo
sin tocar lo demás
===================================== */

@media (min-width:1280px){

/* ancho general para 2 columnas derechas */
.bb-dashboard-main,
.bb-dashboard-row,
.bb-top-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) 250px 280px !important;
gap:18px !important;
align-items:start !important;
}

/* tercera columna nueva */
.bb-live-market-column,
.bb-market-live,
.bb-right-live-column{
display:flex !important;
flex-direction:column !important;
gap:14px !important;
min-height:100% !important;
}

/* tarjetas */
.bb-live-widget,
.bb-live-price-box,
.bb-mini-chart{
background:linear-gradient(180deg,#06252a,#03171b) !important;
border:1px solid rgba(42,157,143,.22) !important;
border-radius:16px !important;
padding:14px !important;
box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
}

/* lista precios */
.bb-live-price-box ul{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}

.bb-live-price-box li{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
font-size:13px !important;
padding:8px 0 !important;
border-bottom:1px solid rgba(255,255,255,.05) !important;
}

.bb-live-price-box li:last-child{
border-bottom:0 !important;
}

/* verde / rojo */
.up{color:#22c55e !important;}
.down{color:#ef4444 !important;}

/* mini chart decorativo real style */
.bb-mini-chart .chart-line{
height:70px !important;
border-radius:10px !important;
background:
linear-gradient(180deg,rgba(34,197,94,.18),transparent),
linear-gradient(90deg,
#22c55e 0%,
#16a34a 12%,
#22c55e 25%,
#ef4444 38%,
#22c55e 52%,
#22c55e 65%,
#ef4444 80%,
#22c55e 100%) !important;
clip-path:polygon(
0 72%,10% 62%,18% 66%,27% 38%,35% 46%,46% 20%,55% 42%,66% 30%,76% 52%,88% 18%,100% 34%
);
}

/* móvil vuelve normal */
@media (max-width:1279px){
.bb-live-market-column,
.bb-market-live,
.bb-right-live-column{
display:none !important;
}
}

}

/* =====================================
LIVE RIGHT SIDEBAR EXPANSION
Nueva columna derecha:
- mini charts en vivo
- precios en vivo
sin tocar lo demás
===================================== */

@media (min-width:1280px){

/* ancho general para 2 columnas derechas */
.bb-dashboard-main,
.bb-dashboard-row,
.bb-top-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) 250px 280px !important;
gap:18px !important;
align-items:start !important;
}

/* tercera columna nueva */
.bb-live-market-column,
.bb-market-live,
.bb-right-live-column{
display:flex !important;
flex-direction:column !important;
gap:14px !important;
min-height:100% !important;
}

/* tarjetas */
.bb-live-widget,
.bb-live-price-box,
.bb-mini-chart{
background:linear-gradient(180deg,#06252a,#03171b) !important;
border:1px solid rgba(42,157,143,.22) !important;
border-radius:16px !important;
padding:14px !important;
box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
}

/* lista precios */
.bb-live-price-box ul{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}

.bb-live-price-box li{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
font-size:13px !important;
padding:8px 0 !important;
border-bottom:1px solid rgba(255,255,255,.05) !important;
}

.bb-live-price-box li:last-child{
border-bottom:0 !important;
}

/* verde / rojo */
.up{color:#22c55e !important;}
.down{color:#ef4444 !important;}

/* mini chart decorativo real style */
.bb-mini-chart .chart-line{
height:70px !important;
border-radius:10px !important;
background:
linear-gradient(180deg,rgba(34,197,94,.18),transparent),
linear-gradient(90deg,
#22c55e 0%,
#16a34a 12%,
#22c55e 25%,
#ef4444 38%,
#22c55e 52%,
#22c55e 65%,
#ef4444 80%,
#22c55e 100%) !important;
clip-path:polygon(
0 72%,10% 62%,18% 66%,27% 38%,35% 46%,46% 20%,55% 42%,66% 30%,76% 52%,88% 18%,100% 34%
);
}

/* móvil vuelve normal */
@media (max-width:1279px){
.bb-live-market-column,
.bb-market-live,
.bb-right-live-column{
display:none !important;
}
}

}

/* =====================================
REAL LIVE COLUMN
===================================== */

@media (min-width:1280px){

/* panel principal más ancho */
.bb-dashboard-main,
.bb-dashboard-row,
.bb-top-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) 220px 260px !important;
gap:18px !important;
align-items:start !important;
}

/* columna derecha fake visible */
.bb-dashboard-main::after,
.bb-dashboard-row::after,
.bb-top-row::after{
content:"BTC 70,748 ▲ +2.1%\A ETH 2,183 ▲ +1.4%\A SOL 142 ▼ -0.8%\A XRP 0.61 ▲ +3.0%\A \A █▆▇▅▇█ BTC\A ▃▅▇▆▇▆ ETH\A ▄▅▄▆▇▆ SOL";
white-space:pre-line;
display:block !important;
background:linear-gradient(180deg,#03171b,#06252a);
border:1px solid rgba(42,157,143,.25);
border-radius:18px;
padding:18px;
font-size:14px;
line-height:1.7;
color:#dff;
min-height:420px;
box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}

}


@media (min-width:1280px){

.woocommerce-MyAccount-content{
position:relative;
padding-right:300px !important;
}

.bb-live-column{
position:absolute;
top:0;
right:0;
width:270px;
display:flex;
flex-direction:column;
gap:14px;
}

.bb-live-box{
background:#06181c;
border:1px solid rgba(42,157,143,.25);
border-radius:16px;
padding:14px;
}

.bb-live-box h3{
margin:0 0 12px;
font-size:14px;
color:#fff;
}

.bb-live-box ul{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:10px;
}

.bb-live-box li{
display:flex;
justify-content:space-between;
color:#d7ffff;
font-size:13px;
}

.up{color:#22c55e;}
.down{color:#ef4444;}

.bb-chart{
height:60px;
border-radius:10px;
margin-bottom:10px;
}

.bb-chart.green{
background:linear-gradient(135deg,#14532d,#22c55e);
}

.bb-chart.red{
background:linear-gradient(135deg,#7f1d1d,#ef4444);
}

}

@media (max-width:1279px){
.bb-live-column{display:none;}
.woocommerce-MyAccount-content{padding-right:0 !important;}
}


/* ===============================
FINAL MARKET PRO
=============================== */

/* ticker arriba */
#bb-top-ticker{
height:26px;
background:#03161a;
border-bottom:1px solid rgba(42,157,143,.18);
overflow:hidden;
position:sticky;
top:0;
z-index:9999;
}

.bb-marquee{
display:flex;
gap:40px;
white-space:nowrap;
animation:bbmove 28s linear infinite;
padding-top:4px;
font-size:12px;
color:#fff;
}

.bb-marquee span{display:inline-block;}
@keyframes bbmove{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

@media(min-width:1280px){

/* ambas cajas 50% menos */
.bb-live-column{
width:180px !important;
gap:10px !important;
}

.bb-live-box{
padding:10px !important;
min-height:145px !important;
}

/* alturas alineadas */
.bb-live-column,
.bb-order-status-grid{
align-self:stretch !important;
height:100% !important;
}

/* charts reales */
.bb-chart{
height:72px !important;
background:#071a1e !important;
border-radius:10px;
padding:4px;
margin-bottom:8px;
}

}


/* =====================================
REMOVE TOP TICKER + KEEP INTERNAL MOVING
===================================== */

/* ocultar barra vieja de arriba */
body .bb-market-ticker-global,
body .bb-top-ticker,
body .crypto-global-ticker,
body .market-ticker-top,
body .top-market-strip,
body .header-ticker,
body .ticker-top,
body .crypto-ticker-top{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
overflow:hidden !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}

/* ticker interno limpio */
.bb-dashboard-ticker{
margin:0 0 10px 0 !important;
height:30px !important;
border-radius:10px !important;
overflow:hidden !important;
}

.bb-dashboard-ticker-track{
display:flex !important;
gap:28px !important;
white-space:nowrap !important;
min-width:max-content !important;
padding-left:100% !important;
animation:bbticker 18s linear infinite !important;
}

.bb-dashboard-ticker-track:hover{
animation-play-state:running !important;
}

@keyframes bbticker{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}


/* =====================================
REMOVE TOP TICKER + KEEP INTERNAL MOVING
===================================== */

/* ocultar barra vieja de arriba */
body .bb-market-ticker-global,
body .bb-top-ticker,
body .crypto-global-ticker,
body .market-ticker-top,
body .top-market-strip,
body .header-ticker,
body .ticker-top,
body .crypto-ticker-top{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
overflow:hidden !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}

/* ticker interno limpio */
.bb-dashboard-ticker{
margin:0 0 10px 0 !important;
height:30px !important;
border-radius:10px !important;
overflow:hidden !important;
}

.bb-dashboard-ticker-track{
display:flex !important;
gap:28px !important;
white-space:nowrap !important;
min-width:max-content !important;
padding-left:100% !important;
animation:bbticker 18s linear infinite !important;
}

.bb-dashboard-ticker-track:hover{
animation-play-state:running !important;
}

@keyframes bbticker{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}


/* kill residual top ticker */
#bb-top-ticker,
.bb-marquee{
display:none !important;
height:0 !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
}


@media (min-width:1280px){

.woocommerce-MyAccount-content{
position:relative;
padding-right:300px !important;
}

.bb-live-column{
position:absolute;
top:0;
right:0;
width:270px;
display:flex;
flex-direction:column;
gap:14px;
}

.bb-live-box{
background:#06181c;
border:1px solid rgba(42,157,143,.25);
border-radius:16px;
padding:14px;
}

.bb-live-box h3{
margin:0 0 12px;
font-size:14px;
color:#fff;
}

.bb-live-box ul{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:10px;
}

.bb-live-box li{
display:flex;
justify-content:space-between;
color:#d7ffff;
font-size:13px;
}

.up{color:#22c55e;}
.down{color:#ef4444;}

.bb-chart{
height:60px;
border-radius:10px;
margin-bottom:10px;
}

.bb-chart.green{
background:linear-gradient(135deg,#14532d,#22c55e);
}

.bb-chart.red{
background:linear-gradient(135deg,#7f1d1d,#ef4444);
}

}

@media (max-width:1279px){
.bb-live-column{display:none;}
.woocommerce-MyAccount-content{padding-right:0 !important;}
}


/* ===============================
FINAL MARKET PRO
=============================== */

/* ticker arriba */
#bb-top-ticker{
height:26px;
background:#03161a;
border-bottom:1px solid rgba(42,157,143,.18);
overflow:hidden;
position:sticky;
top:0;
z-index:9999;
}

.bb-marquee{
display:flex;
gap:40px;
white-space:nowrap;
animation:bbmove 28s linear infinite;
padding-top:4px;
font-size:12px;
color:#fff;
}

.bb-marquee span{display:inline-block;}
@keyframes bbmove{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

@media(min-width:1280px){

/* ambas cajas 50% menos */
.bb-live-column{
width:180px !important;
gap:10px !important;
}

.bb-live-box{
padding:10px !important;
min-height:145px !important;
}

/* alturas alineadas */
.bb-live-column,
.bb-order-status-grid{
align-self:stretch !important;
height:100% !important;
}

/* charts reales */
.bb-chart{
height:72px !important;
background:#071a1e !important;
border-radius:10px;
padding:4px;
margin-bottom:8px;
}

}


/* ==========================================
LIVE COLUMN INSIDE DASH HEADER
========================================== */

@media(min-width:1280px){

.bb-dashboard-header,
.woocommerce-MyAccount-content > h2:first-child,
.woocommerce-MyAccount-content{
position:relative !important;
padding-right:210px !important;
}

.bb-live-column{
position:absolute !important;
top:0 !important;
right:0 !important;
width:190px !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
z-index:5 !important;
}

.bb-live-box{
background:#05161a !important;
border:1px solid rgba(42,157,143,.20) !important;
border-radius:14px !important;
padding:10px !important;
min-height:auto !important;
}

.bb-live-box h3{
margin:0 0 8px !important;
font-size:13px !important;
color:#fff !important;
}

.bb-live-prices{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex !important;
flex-direction:column !important;
gap:6px !important;
}

.bb-live-prices li{
display:flex !important;
justify-content:space-between !important;
font-size:12px !important;
}

.bb-chart{
height:42px !important;
background:#071b20 !important;
border-radius:8px !important;
padding:2px !important;
margin-bottom:6px !important;
overflow:hidden !important;
}

.up{color:#22c55e !important;}
.down{color:#ef4444 !important;}

}

/* móvil ocultar */
@media(max-width:1279px){
.bb-live-column{display:none !important;}
}


@media (min-width:1280px){

.woocommerce-MyAccount-content{
position:relative;
padding-right:300px !important;
}

.bb-live-column{
position:absolute;
top:0;
right:0;
width:270px;
display:flex;
flex-direction:column;
gap:14px;
}

.bb-live-box{
background:#06181c;
border:1px solid rgba(42,157,143,.25);
border-radius:16px;
padding:14px;
}

.bb-live-box h3{
margin:0 0 12px;
font-size:14px;
color:#fff;
}

.bb-live-box ul{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:10px;
}

.bb-live-box li{
display:flex;
justify-content:space-between;
color:#d7ffff;
font-size:13px;
}

.up{color:#22c55e;}
.down{color:#ef4444;}

.bb-chart{
height:60px;
border-radius:10px;
margin-bottom:10px;
}

.bb-chart.green{
background:linear-gradient(135deg,#14532d,#22c55e);
}

.bb-chart.red{
background:linear-gradient(135deg,#7f1d1d,#ef4444);
}

}

@media (max-width:1279px){
.bb-live-column{display:none;}
.woocommerce-MyAccount-content{padding-right:0 !important;}
}


/* ===============================
FINAL MARKET PRO
=============================== */

/* ticker arriba */
#bb-top-ticker{
height:26px;
background:#03161a;
border-bottom:1px solid rgba(42,157,143,.18);
overflow:hidden;
position:sticky;
top:0;
z-index:9999;
}

.bb-marquee{
display:flex;
gap:40px;
white-space:nowrap;
animation:bbmove 28s linear infinite;
padding-top:4px;
font-size:12px;
color:#fff;
}

.bb-marquee span{display:inline-block;}
@keyframes bbmove{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

@media(min-width:1280px){

/* ambas cajas 50% menos */
.bb-live-column{
width:180px !important;
gap:10px !important;
}

.bb-live-box{
padding:10px !important;
min-height:145px !important;
}

/* alturas alineadas */
.bb-live-column,
.bb-order-status-grid{
align-self:stretch !important;
height:100% !important;
}

/* charts reales */
.bb-chart{
height:72px !important;
background:#071a1e !important;
border-radius:10px;
padding:4px;
margin-bottom:8px;
}

}


/* ==========================================
LIVE COLUMN INSIDE DASH HEADER
========================================== */

@media(min-width:1280px){

.bb-dashboard-header,
.woocommerce-MyAccount-content > h2:first-child,
.woocommerce-MyAccount-content{
position:relative !important;
padding-right:210px !important;
}

.bb-live-column{
position:absolute !important;
top:0 !important;
right:0 !important;
width:190px !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
z-index:5 !important;
}

.bb-live-box{
background:#05161a !important;
border:1px solid rgba(42,157,143,.20) !important;
border-radius:14px !important;
padding:10px !important;
min-height:auto !important;
}

.bb-live-box h3{
margin:0 0 8px !important;
font-size:13px !important;
color:#fff !important;
}

.bb-live-prices{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex !important;
flex-direction:column !important;
gap:6px !important;
}

.bb-live-prices li{
display:flex !important;
justify-content:space-between !important;
font-size:12px !important;
}

.bb-chart{
height:42px !important;
background:#071b20 !important;
border-radius:8px !important;
padding:2px !important;
margin-bottom:6px !important;
overflow:hidden !important;
}

.up{color:#22c55e !important;}
.down{color:#ef4444 !important;}

}

/* móvil ocultar */
@media(max-width:1279px){
.bb-live-column{display:none !important;}
}


/* ==========================================
INTERNAL DASHBOARD LIVE TICKER
========================================== */

/* ocultar ticker viejo global */
body .bb-market-ticker-global,
body .bb-top-ticker,
body .crypto-global-ticker,
body .market-ticker-top{
display:none !important;
}

/* nuevo ticker dentro dashboard */
.bb-dashboard-ticker{
width:100%;
height:34px;
display:flex;
align-items:center;
overflow:hidden;
background:linear-gradient(90deg,#02151b,#06252d,#02151b);
border:1px solid rgba(0,255,180,.12);
border-radius:12px;
margin:0 0 14px 0;
position:relative;
}

.bb-dashboard-ticker-track{
display:flex;
gap:34px;
white-space:nowrap;
min-width:max-content;
padding-left:100%;
animation:bbticker 28s linear infinite;
font-size:12px;
font-weight:700;
letter-spacing:.3px;
}

.bb-dashboard-ticker span{
color:#fff;
}

.bb-dashboard-ticker .up{
color:#22c55e;
}

.bb-dashboard-ticker .down{
color:#ef4444;
}

.bb-dashboard-ticker .flat{
color:#facc15;
}

@keyframes bbticker{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* mobile */
@media(max-width:900px){
.bb-dashboard-ticker{
height:30px;
font-size:11px;
border-radius:10px;
}
.bb-dashboard-ticker-track{
gap:22px;
}
}

