/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ================================================================
   Main Layout
   ================================================================ */

.page[b-liw3ixgddw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-liw3ixgddw] {
    flex: 1;
}

/* ── Sidebar ── */
.sidebar[b-liw3ixgddw] {
    background: linear-gradient(160deg, #0c1a2e 0%, #071524 100%);
}

/* ── Top Row / Navbar ── */
.top-row[b-liw3ixgddw] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.top-bar-title[b-liw3ixgddw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
}

.topbar-mark[b-liw3ixgddw] {
    width: 28px;
    height: 24px;
    flex-shrink: 0;
}

.topbar-text-stack[b-liw3ixgddw] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.topbar-sub[b-liw3ixgddw] {
    font-size: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: #94a3b8;
    text-transform: uppercase;
}

.topbar-main[b-liw3ixgddw] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #1a2035;
    text-transform: uppercase;
}

.top-bar-right[b-liw3ixgddw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.top-bar-user-pill[b-liw3ixgddw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-avatar[b-liw3ixgddw] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d47a1 0%, #2196f3 100%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
    box-shadow: 0 2px 6px rgba(21, 101, 216, 0.35);
}

.top-bar-user[b-liw3ixgddw] {
    font-size: 0.82rem;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    font-weight: 500;
}

.top-bar-btn[b-liw3ixgddw] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    text-decoration: none;
    font-size: 1rem;
    transition: background 0.15s, color 0.15s;
}

.top-bar-btn:hover[b-liw3ixgddw] {
    background: #f0f2f5;
    color: #1b6ec2;
}

/* ── Top-bar authenticated nav links ── */
.top-bar-nav[b-liw3ixgddw] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.top-bar-nav-link[b-liw3ixgddw] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #475569;
    text-decoration: none;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    transition: background 0.14s, color 0.14s;
    white-space: nowrap;
}

.top-bar-nav-link:hover[b-liw3ixgddw] {
    background: #f0f2f5;
    color: #1b6ec2;
}

.top-bar-nav-link.active[b-liw3ixgddw] {
    color: #1b6ec2;
    background: #e8f0fe;
    font-weight: 600;
}

/* ── Sidebar rail transition ── */
.sidebar[b-liw3ixgddw] {
    transition: width 0.22s ease;
}

.sidebar.sidebar--rail[b-liw3ixgddw] {
    width: 56px;
    overflow: visible;
}

/* ── Content Area ── */
.content[b-liw3ixgddw] {
    padding-top: 1.1rem;
    padding-bottom: 1.5rem;
}

/* ── Blazor Error UI ── */
#blazor-error-ui[b-liw3ixgddw] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-liw3ixgddw] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ── Mobile nav hamburger button ── */
.mobile-nav-open[b-liw3ixgddw] {
    display: none;
    background: none;
    border: none;
    font-size: 1.4rem;
    color: #475569;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
    cursor: pointer;
    line-height: 1;
    transition: background 0.15s;
}

.mobile-nav-open:hover[b-liw3ixgddw] {
    background: #f0f2f5;
}

/* ── Sidebar backdrop (mobile overlay) ── */
.sidebar-backdrop[b-liw3ixgddw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 199;
    backdrop-filter: blur(2px);
}

/* ── Responsive ── */

/* xs / sm — phones and small tablets (< 768px) */
@media (max-width: 767.98px) {
    .mobile-nav-open[b-liw3ixgddw] {
        display: flex;
        align-items: center;
    }

    .top-row[b-liw3ixgddw] {
        justify-content: flex-start;
        gap: 0.5rem;
    }

    .top-bar-user[b-liw3ixgddw] {
        display: none;
    }

    .page[b-liw3ixgddw] {
        flex-direction: column;
    }

    /* Sidebar becomes a slide-in drawer */
    .sidebar[b-liw3ixgddw] {
        position: fixed;
        top: 0;
        left: 0;
        width: 270px;
        height: 100vh;
        z-index: 200;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        overflow: hidden;
    }

    .sidebar.sidebar--open[b-liw3ixgddw] {
        transform: translateX(0);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.35);
    }

    body.sidebar-nav-open[b-liw3ixgddw] {
        overflow: hidden;
    }
}

/* md — tablets (768px – 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .page[b-liw3ixgddw] {
        flex-direction: row;
    }

    .sidebar[b-liw3ixgddw] {
        width: 220px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        flex-shrink: 0;
        transition: width 0.22s ease;
    }

    .sidebar.sidebar--rail[b-liw3ixgddw] {
        width: 56px;
        overflow: visible;
    }

    .top-row[b-liw3ixgddw] {
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .top-row[b-liw3ixgddw], article[b-liw3ixgddw] {
        padding-left: 1.25rem !important;
        padding-right: 1rem !important;
    }

    .top-bar-user[b-liw3ixgddw] {
        max-width: 120px;
    }

    /* hide nav links on tablets to save space */
    .top-bar-nav[b-liw3ixgddw] {
        display: none;
    }
}

/* lg+ — desktop (≥ 992px) */
@media (min-width: 992px) {
    .page[b-liw3ixgddw] {
        flex-direction: row;
    }

    .sidebar[b-liw3ixgddw] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        flex-shrink: 0;
        transition: width 0.22s ease;
    }

    .sidebar.sidebar--rail[b-liw3ixgddw] {
        width: 56px;
        overflow: visible;
    }

    .top-row[b-liw3ixgddw] {
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .top-row[b-liw3ixgddw], article[b-liw3ixgddw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ================================================================
   Sidebar – NavMenu styles
   ================================================================ */

/* ── Brand Header ── */
.sidebar-header[b-73e0nhljwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    min-height: 3.5rem;
    overflow: hidden;
    transition: padding 0.22s ease;
}

.brand-link[b-73e0nhljwv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.brand-link--icon[b-73e0nhljwv] {
    flex: 0 0 auto;
    gap: 0;
}

.brand-mark[b-73e0nhljwv] {
    width: 34px;
    height: 30px;
    flex-shrink: 0;
    filter: drop-shadow(0 0 8px rgba(33, 150, 243, 0.45));
}

.brand-text-stack[b-73e0nhljwv] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
}

.brand-trading[b-73e0nhljwv] {
    font-size: 0.52rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.brand-apex[b-73e0nhljwv] {
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #fff 30%, #90caf9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
}

/* ── Collapse Button ── */
.sidebar-collapse-btn[b-73e0nhljwv] {
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.45);
    font-size: 1.1rem;
    padding: 0.25rem 0.35rem;
    border-radius: 6px;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
    line-height: 1;
}

.sidebar-collapse-btn:hover[b-73e0nhljwv] {
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
}

/* ── Section group header (collapsible) ── */
.nav-section-btn-wrap[b-73e0nhljwv] {
    margin-top: 0.25rem;
}

.nav-group-header[b-73e0nhljwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.75rem 0 0;
    gap: 0.4rem;
}

.nav-group-header:hover .nav-section-label--group[b-73e0nhljwv],
.nav-group-header--rail:hover .nav-section-label--group[b-73e0nhljwv] {
    color: rgba(255, 255, 255, 0.65);
}

/* Rail mode: section header acts as a NavLink */
.nav-group-header--rail[b-73e0nhljwv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
}

.nav-group-header--rail.active .nav-section-label--group[b-73e0nhljwv] {
    color: #90caf9;
}

.nav-group-header--rail.active .nav-icon-sm[b-73e0nhljwv] {
    opacity: 1;
}

.nav-section-label[b-73e0nhljwv] {
    padding: 0.9rem 1.1rem 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    pointer-events: none;
    user-select: none;
}

.nav-section-label--group[b-73e0nhljwv] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    pointer-events: auto;
    padding: 0.9rem 0 0.25rem 1.1rem;
    color: rgba(255, 255, 255, 0.35);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    transition: color 0.15s;
    white-space: nowrap;
    overflow: hidden;
}

.nav-icon-sm[b-73e0nhljwv] {
    font-size: 0.78rem;
    opacity: 0.7;
    flex-shrink: 0;
}

.nav-chevron[b-73e0nhljwv] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.3);
    transition: transform 0.2s ease, color 0.15s;
    margin-top: 0.55rem;
    flex-shrink: 0;
}

.nav-chevron--open[b-73e0nhljwv] {
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.5);
}

/* ── Nav Group Items ── */
.nav-group-items[b-73e0nhljwv] {
    border-left: 1px solid rgba(255, 255, 255, 0.06);
    margin-left: 1.35rem;
    overflow: hidden;
    transition: max-height 0.22s ease, opacity 0.18s ease;
    max-height: 1000px;
    opacity: 1;
}

.nav-group-items--hidden[b-73e0nhljwv] {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

/* In collapsed rail mode, items show flat (no indent, no border) */
.nav-group-items--collapsed[b-73e0nhljwv] {
    border-left: none;
    margin-left: 0;
    max-height: 1000px;
    opacity: 1;
    pointer-events: auto;
}

/* ── Nav Item ── */
.nav-item[b-73e0nhljwv] {
    padding: 0.1rem 0.6rem;
}

.nav-item[b-73e0nhljwv]  .nav-link,
[b-73e0nhljwv] .nav-link-solo {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    color: rgba(255, 255, 255, 0.75);
    background: none;
    border: none;
    border-radius: 8px;
    font-size: 0.855rem;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.14s ease, color 0.14s ease, transform 0.1s ease;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
}

[b-73e0nhljwv] .nav-link-solo {
    margin: 0.1rem 0.6rem;
    width: calc(100% - 1.2rem);
}

.nav-item[b-73e0nhljwv]  .nav-link:hover,
[b-73e0nhljwv] .nav-link-solo:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    transform: translateX(2px);
}

.nav-item[b-73e0nhljwv]  a.active,
[b-73e0nhljwv] .nav-link-solo.active {
    background: rgba(33, 150, 243, 0.18);
    color: #fff;
    box-shadow: inset 3px 0 0 #2196f3;
    font-weight: 600;
}

.nav-icon[b-73e0nhljwv] {
    font-size: 0.95rem;
    width: 1.05rem;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.8;
    transition: opacity 0.14s;
}

.nav-item[b-73e0nhljwv]  .nav-link:hover .nav-icon,
.nav-item[b-73e0nhljwv]  a.active .nav-icon {
    opacity: 1;
}

/* ── User Footer Divider ── */
.nav-user-divider[b-73e0nhljwv] {
    margin: 0.75rem 0.6rem 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── Scrollable Area ── */
.nav-scrollable[b-73e0nhljwv] {
    display: block;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
    padding-bottom: 1rem;
}

/* ── Sidebar Nav wrapper ── */
.sidebar-nav[b-73e0nhljwv] {
    padding-top: 0.5rem;
}

/* ================================================================
   COLLAPSED RAIL STATE  (class applied to #main-sidebar)
   ================================================================ */

:global(.sidebar--rail)[b-73e0nhljwv] {
    width: 56px !important;
    transition: width 0.22s ease;
}

:global(.sidebar--rail) .brand-mark[b-73e0nhljwv] {
    /* centered in the narrow rail */
    margin: 0 auto;
}

:global(.sidebar--rail) .nav-item[b-73e0nhljwv] {
    padding: 0.1rem 0.3rem;
}

:global(.sidebar--rail) .nav-item[b-73e0nhljwv]  .nav-link {
    justify-content: center;
    padding: 0.55rem;
    gap: 0;
}

:global(.sidebar--rail)[b-73e0nhljwv]  .nav-link-solo {
    justify-content: center;
    padding: 0.55rem;
    margin: 0.1rem 0.3rem;
    gap: 0;
}

:global(.sidebar--rail) .nav-group-items--collapsed[b-73e0nhljwv] {
    margin-left: 0;
}

:global(.sidebar--rail) .nav-scrollable[b-73e0nhljwv] {
    height: calc(100vh - 3.5rem);
}

:global(.sidebar--rail) .nav-group-items--collapsed .nav-item[b-73e0nhljwv] {
    padding: 0.1rem 0.3rem;
}

:global(.sidebar--rail) .sidebar-header[b-73e0nhljwv] {
    padding: 0.75rem 0.4rem;
    justify-content: center;
    align-items: center;
    min-height: 3.5rem;
}

.sidebar-collapse-btn--rail[b-73e0nhljwv] {
    margin: 0 auto;
}

/* hide text node overflow in rail */
:global(.sidebar--rail) .nav-item[b-73e0nhljwv]  .nav-link span,
:global(.sidebar--rail)[b-73e0nhljwv]  .nav-link-solo span {
    display: none;
}

/* Mobile: sidebar hides completely */
@media (max-width: 768px) {
    :global(.sidebar--rail)[b-73e0nhljwv] {
        width: 0 !important;
        overflow: hidden;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vtjl5hksna],
.components-reconnect-repeated-attempt-visible[b-vtjl5hksna],
.components-reconnect-failed-visible[b-vtjl5hksna],
.components-pause-visible[b-vtjl5hksna],
.components-resume-failed-visible[b-vtjl5hksna],
.components-rejoining-animation[b-vtjl5hksna] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-retrying[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-failed[b-vtjl5hksna],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vtjl5hksna] {
    display: block;
}


#components-reconnect-modal[b-vtjl5hksna] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vtjl5hksna 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vtjl5hksna 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vtjl5hksna 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vtjl5hksna]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vtjl5hksna 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vtjl5hksna {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vtjl5hksna {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vtjl5hksna {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vtjl5hksna] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vtjl5hksna] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vtjl5hksna] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vtjl5hksna] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vtjl5hksna] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vtjl5hksna] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vtjl5hksna] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vtjl5hksna 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vtjl5hksna] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vtjl5hksna {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdsCard.razor.rz.scp.css */
.ads-list[b-sdi1hnlvd7] {
    padding: 0.75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 490px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dee2e6 transparent;
}

/* ── Ad Item ── */
.ad-item[b-sdi1hnlvd7] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #f8f9fb;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ad-item:hover[b-sdi1hnlvd7] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.ad-link[b-sdi1hnlvd7] {
    display: block;
}

.ad-image[b-sdi1hnlvd7] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    transition: opacity 0.15s;
    min-height: 60px;
    background: #e9ecef;
    object-fit: cover;
}

.ad-link:hover .ad-image[b-sdi1hnlvd7] {
    opacity: 0.92;
}

/* ── Admin overlay ── */
.ad-admin-actions[b-sdi1hnlvd7] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    display: flex;
    gap: 0.2rem;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 6px;
    padding: 0.15rem 0.2rem;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.15s;
}

.ad-item:hover .ad-admin-actions[b-sdi1hnlvd7] {
    opacity: 1;
}

/* ── Form ── */
.ad-form[b-sdi1hnlvd7] {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    background: #f8f9fb;
    padding: 1rem;
    margin-bottom: 0.75rem;
}

/* ── Icon Buttons (shared with NewsPostsCard) ── */
.btn-icon-sm[b-sdi1hnlvd7] {
    background: none;
    border: none;
    padding: 0.2rem 0.3rem;
    border-radius: 4px;
    cursor: pointer;
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

.btn-icon-sm:hover[b-sdi1hnlvd7] {
    background: #e9ecef;
    color: #343a40;
}

.btn-icon-sm.danger:hover[b-sdi1hnlvd7] {
    background: #f8d7da;
    color: #dc3545;
}
/* /Components/Pages/CotDashboard.razor.rz.scp.css */
/* ── Detail panel tab buttons ── */
.detail-tabs[b-snlkire9hw] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

/* ── News table density ── */
.news-table th[b-snlkire9hw],
.news-table td[b-snlkire9hw] {
    font-size: 0.8rem;
    padding: 0.35rem 0.6rem;
    white-space: nowrap;
}

.news-table td:nth-child(5)[b-snlkire9hw] { /* Event column */
    white-space: normal;
    min-width: 160px;
}

/* ── Intrep icon with CSS tooltip ── */
.intrep-cell[b-snlkire9hw] {
    position: relative;
    display: inline-block;
    cursor: help;
}

.intrep-cell[b-snlkire9hw]::after {
    content: attr(title);
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #1e2440;
    color: #fff;
    padding: 0.45rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    white-space: pre-line;
    width: 280px;
    z-index: 1050;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    pointer-events: none;
    line-height: 1.5;
}

.intrep-cell:hover[b-snlkire9hw]::after {
    display: block;
}
/* /Components/Pages/EconomicEventsCard.razor.rz.scp.css */
/* ── Date Navigation ── */
.date-navigation[b-zgja4btblg] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    background: rgba(27, 110, 194, 0.08);
    border-radius: 8px;
    padding: 0.2rem 0.4rem;
}

.btn-nav[b-zgja4btblg] {
    background: none;
    border: none;
    color: #1b6ec2;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.8rem;
    transition: background 0.15s;
    padding: 0;
}

.btn-nav:hover[b-zgja4btblg] {
    background: rgba(27, 110, 194, 0.18);
}

.date-picker-input[b-zgja4btblg] {
    border: none;
    background: transparent;
    color: #1e2440;
    font-weight: 600;
    font-size: 0.82rem;
    cursor: pointer;
    outline: none;
    padding: 0 0.2rem;
    width: 7.5rem;
}

.date-badge[b-zgja4btblg] {
    font-size: 0.78rem;
    color: #6c757d;
    white-space: nowrap;
}

.event-count-badge[b-zgja4btblg] {
    background: #e8f0fe;
    color: #1b6ec2;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.15rem 0.55rem;
    border-radius: 50px;
    white-space: nowrap;
    margin-left: auto;
}

/* ── Table ── */
.events-table[b-zgja4btblg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.events-table thead tr[b-zgja4btblg] {
    background: #f5f6fa;
}

.events-table th[b-zgja4btblg] {
    padding: 0.55rem 1rem;
    font-weight: 600;
    color: #6c757d;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #e9ecef;
    white-space: nowrap;
}

.events-table td[b-zgja4btblg] {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid #f0f2f5;
    vertical-align: middle;
}

.event-row[b-zgja4btblg] {
    border-left: 3px solid transparent;
    transition: background 0.12s;
}

.event-row:hover[b-zgja4btblg] {
    background: #f7f9ff;
}

.event-row:last-child td[b-zgja4btblg] {
    border-bottom: none;
}

.row-beat[b-zgja4btblg] { border-left-color: #198754 !important; background: rgba(25, 135, 84, 0.03); }
.row-miss[b-zgja4btblg] { border-left-color: #dc3545 !important; background: rgba(220, 53, 69, 0.03); }
.row-match[b-zgja4btblg] { border-left-color: #ffc107 !important; background: rgba(255, 193, 7, 0.03); }

/* ── Cell Content ── */
.event-time[b-zgja4btblg] {
    font-weight: 600;
    color: #495057;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.event-country[b-zgja4btblg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.event-name[b-zgja4btblg] {
    color: #1e2440;
    font-weight: 500;
}

/* ── Pagination ── */
.pagination-bar[b-zgja4btblg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1rem;
    border-top: 1px solid #f0f2f5;
    background: #fafbfc;
}

.page-info[b-zgja4btblg] {
    font-size: 0.78rem;
    color: #6c757d;
}

.page-buttons[b-zgja4btblg] {
    display: flex;
    gap: 0.2rem;
}

.page-btn[b-zgja4btblg] {
    min-width: 2rem;
    height: 2rem;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 6px;
    font-size: 0.78rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    color: #495057;
    padding: 0 0.35rem;
}

.page-btn:hover:not(:disabled)[b-zgja4btblg] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.page-btn.active[b-zgja4btblg] {
    background: #1b6ec2;
    border-color: #1b6ec2;
    color: #fff;
    font-weight: 600;
}

.page-btn:disabled[b-zgja4btblg] {
    opacity: 0.35;
    cursor: not-allowed;
}
/* /Components/Pages/MarketClock.razor.rz.scp.css */
.market-clock-bar[b-7eu84bnplk] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    padding: .6rem 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.market-clock-title[b-7eu84bnplk] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: .85rem;
    white-space: nowrap;
    color: var(--bs-body-color);
    min-width: 180px;
}

.market-clock-local[b-7eu84bnplk] { font-variant-numeric: tabular-nums; }

.market-clock-sessions[b-7eu84bnplk] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    flex: 1;
}

.market-session[b-7eu84bnplk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .65rem .55rem;
    border-radius: .4rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg, #f8f9fa);
    min-width: 155px;
    transition: background .2s;
    position: relative;
    overflow: hidden;
}

.session-open[b-7eu84bnplk]  { border-color: #198754; background: rgba(25,135,84,.08); }
.session-closed[b-7eu84bnplk] { opacity: .55; }

.session-dot[b-7eu84bnplk] {
    width: 8px; height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #6c757d;
}
.session-open .session-dot[b-7eu84bnplk] {
    background: #198754;
    box-shadow: 0 0 0 3px rgba(25,135,84,.25);
    animation: pulse-dot-b-7eu84bnplk 2s infinite;
}

@keyframes pulse-dot-b-7eu84bnplk {
    0%,100% { box-shadow: 0 0 0 3px rgba(25,135,84,.25); }
    50%      { box-shadow: 0 0 0 5px rgba(25,135,84,.1); }
}

.session-info[b-7eu84bnplk] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.session-name[b-7eu84bnplk] {
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
}

.session-time[b-7eu84bnplk] {
    font-size: .68rem;
    color: var(--bs-secondary-color);
    font-variant-numeric: tabular-nums;
}

.session-status[b-7eu84bnplk] {
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}
.session-open  .session-status[b-7eu84bnplk] { color: #198754; }
.session-closed .session-status[b-7eu84bnplk] { color: #6c757d; }

.session-progress-wrap[b-7eu84bnplk] {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: rgba(25,135,84,.15);
    border-radius: 0 0 .4rem .4rem;
    overflow: hidden;
}
.session-progress-bar[b-7eu84bnplk] {
    height: 100%;
    background: #198754;
    transition: width .5s linear;
}
/* /Components/Pages/NewsPostsCard.razor.rz.scp.css */
.news-list[b-jafpnlnffz] {
    max-height: 490px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dee2e6 transparent;
}

.news-post-item[b-jafpnlnffz] {
    display: flex;
    gap: 0.75rem;
    padding: 0.8rem 1.25rem;
    border-bottom: 1px solid #f0f2f5;
    transition: background 0.12s;
}

.news-post-item:last-child[b-jafpnlnffz] {
    border-bottom: none;
}

.news-post-item:hover[b-jafpnlnffz] {
    background: #f7f9ff;
}

/* ── Thumbnail ── */
.post-thumb[b-jafpnlnffz] {
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    overflow: hidden;
    background: #f0f2f5;
}

.post-thumb img[b-jafpnlnffz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ── Body ── */
.post-body[b-jafpnlnffz] {
    flex: 1;
    min-width: 0;
}

.post-meta[b-jafpnlnffz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}

.post-date[b-jafpnlnffz] {
    font-size: 0.71rem;
    color: #adb5bd;
}

.post-actions[b-jafpnlnffz] {
    display: flex;
    gap: 0.2rem;
    opacity: 0;
    transition: opacity 0.15s;
}

.news-post-item:hover .post-actions[b-jafpnlnffz] {
    opacity: 1;
}

.post-title[b-jafpnlnffz] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e2440;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-excerpt[b-jafpnlnffz] {
    font-size: 0.78rem;
    color: #6c757d;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

/* ── Form ── */
.post-form[b-jafpnlnffz] {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    background: #f8f9fb;
    padding: 1rem;
    margin-bottom: 0.75rem;
}

/* ── Icon Buttons ── */
.btn-icon-sm[b-jafpnlnffz] {
    background: none;
    border: none;
    padding: 0.2rem 0.3rem;
    border-radius: 4px;
    cursor: pointer;
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1;
    transition: background 0.12s, color 0.12s;
}

.btn-icon-sm:hover[b-jafpnlnffz] {
    background: #e9ecef;
    color: #343a40;
}

.btn-icon-sm.danger:hover[b-jafpnlnffz] {
    background: #f8d7da;
    color: #dc3545;
}
/* /Components/Pages/OrderBlocksPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────────────────
   Order Blocks Education Page — Scoped Styles
────────────────────────────────────────────────────────────────────────── */

/* ── Terminal wrapper ── */
.ob-terminal[b-c6tsx34pos] {
    background: #0D0F14;
    border-radius: 12px;
    color: #e2e8f0;
    padding: 1.75rem 2rem;
    border: 1px solid rgba(255,255,255,.06);
}

.ob-gold[b-c6tsx34pos]    { color: #F5C842; }
.ob-subtitle[b-c6tsx34pos] { font-size: .8rem; color: #64748b; letter-spacing: .01em; }

.ob-badge-xau[b-c6tsx34pos] {
    background: linear-gradient(135deg, #b8860b, #F5C842);
    color: #0D0F14;
    font-weight: 800;
    font-size: .68rem;
    letter-spacing: .1em;
    padding: .35em .8em;
}

/* ── Section labels ── */
.ob-section-label[b-c6tsx34pos] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #64748b;
    border-bottom: 1px solid rgba(255,255,255,.05);
    padding-bottom: .5rem;
    flex-wrap: wrap;
}
.ob-section-num[b-c6tsx34pos]  { color: #F5C842; font-size: .95rem; font-family: 'JetBrains Mono', monospace; font-weight: 700; }
.ob-section-note[b-c6tsx34pos] { font-weight: 400; text-transform: none; letter-spacing: 0; color: #475569; font-size: .72rem; }

/* ── Prerequisite cards ── */
.ob-prereq-card[b-c6tsx34pos] {
    background: rgba(245,158,11,.07);
    border: 1px solid rgba(245,158,11,.22);
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
}
.ob-prereq-icon[b-c6tsx34pos]  { font-size: 1rem; line-height: 1.4; flex-shrink: 0; }
.ob-prereq-title[b-c6tsx34pos] { font-size: .88rem; color: #fde68a; line-height: 1.35; }
.ob-text[b-c6tsx34pos]         { font-size: .81rem; color: #94a3b8; line-height: 1.65; margin-bottom: 0; }

.ob-indicator[b-c6tsx34pos] {
    font-size: .73rem;
    border-radius: 5px;
    padding: .38rem .7rem;
    font-family: 'JetBrains Mono', monospace;
}
.ob-indicator-ok[b-c6tsx34pos]  { color: #86efac; background: rgba(34,197,94,.08);  border: 1px solid rgba(34,197,94,.2); }
.ob-indicator-bad[b-c6tsx34pos] { color: #fca5a5; background: rgba(239,68,68,.08);  border: 1px solid rgba(239,68,68,.2); }

/* ── Quality cards ── */
.ob-quality-card[b-c6tsx34pos] {
    background: rgba(59,130,246,.05);
    border: 1px solid rgba(59,130,246,.15);
    border-radius: 8px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
}
.ob-quality-title[b-c6tsx34pos] { font-size: .85rem; color: #bfdbfe; line-height: 1.35; }

.ob-pts-badge[b-c6tsx34pos] {
    display: inline-flex;
    align-items: center;
    font-size: .68rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .18em .55em;
    width: fit-content;
}
.ob-pts-gold[b-c6tsx34pos]   { background: rgba(245,200,66,.13); color: #F5C842;  border: 1px solid rgba(245,200,66,.28); }
.ob-pts-purple[b-c6tsx34pos] { background: rgba(168,85,247,.13); color: #c4b5fd;  border: 1px solid rgba(168,85,247,.28); }
.ob-pts-blue[b-c6tsx34pos]   { background: rgba(99,102,241,.13); color: #a5b4fc;  border: 1px solid rgba(99,102,241,.28); }

.ob-tag[b-c6tsx34pos] {
    font-size: .71rem;
    color: #60a5fa;
    background: rgba(59,130,246,.08);
    border-radius: 4px;
    padding: .3rem .6rem;
    margin-top: auto;
    line-height: 1.4;
}

/* ── Timeframe cards ── */
.ob-tf-card[b-c6tsx34pos] {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    padding: 1.1rem;
    display: flex;
    flex-direction: column;
}
.ob-tf-featured[b-c6tsx34pos] {
    border-color: rgba(245,200,66,.22);
    background: rgba(245,200,66,.035);
}
.ob-tf-badge[b-c6tsx34pos] {
    font-size: .68rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .22em .6em;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ob-tf-30m[b-c6tsx34pos] { background: rgba(107,114,128,.3);  color: #d1d5db; }
.ob-tf-1h[b-c6tsx34pos]  { background: rgba(59,130,246,.3);   color: #93c5fd; }
.ob-tf-4h[b-c6tsx34pos]  { background: rgba(249,115,22,.3);   color: #fdba74; }
.ob-tf-d[b-c6tsx34pos]   { background: rgba(245,200,66,.22);  color: #F5C842; }

.ob-stars[b-c6tsx34pos]         { font-size: .8rem; color: #F5C842; letter-spacing: .05em; }
.ob-star-dim[b-c6tsx34pos]      { color: rgba(245,200,66,.2); }
.ob-tf-top[b-c6tsx34pos]        { font-size: .58rem; font-weight: 800; background: #F5C842; color: #0D0F14; border-radius: 3px; padding: .15em .45em; letter-spacing: .06em; margin-left: auto; }
.ob-tf-use[b-c6tsx34pos]        { font-size: .78rem; color: #94a3b8; font-style: italic; line-height: 1.35; }
.ob-tf-list[b-c6tsx34pos]       { font-size: .77rem; color: #cbd5e1; padding-left: 1.2rem; margin-bottom: .7rem; flex: 1; }
.ob-tf-list li[b-c6tsx34pos]    { margin-bottom: .2rem; }
.ob-tf-note[b-c6tsx34pos]       { font-size: .71rem; color: #475569; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.05); border-radius: 4px; padding: .35rem .6rem; line-height: 1.4; margin-top: auto; }
.ob-tf-note-gold[b-c6tsx34pos]  { color: rgba(245,200,66,.65); border-color: rgba(245,200,66,.12); background: rgba(245,200,66,.03); }

/* ── Calculator ── */
.ob-calculator[b-c6tsx34pos] {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    padding: 1.5rem;
}

.ob-check-group[b-c6tsx34pos]        { margin-bottom: .25rem; }
.ob-check-group-label[b-c6tsx34pos]  { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: #475569; margin-bottom: .4rem; padding-left: .65rem; }

.ob-check-row[b-c6tsx34pos] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .5rem .65rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s;
    margin-bottom: .05rem;
    width: 100%;
}
.ob-check-row:hover[b-c6tsx34pos]             { background: rgba(255,255,255,.04); }
.ob-check-disabled[b-c6tsx34pos]              { opacity: .4; pointer-events: none; }
.ob-check-row input[type=checkbox][b-c6tsx34pos] { width: 15px; height: 15px; margin-top: 3px; accent-color: #F5C842; flex-shrink: 0; cursor: pointer; }
.ob-check-title[b-c6tsx34pos] { font-size: .83rem; color: #e2e8f0; line-height: 1.3; }
.ob-check-sub[b-c6tsx34pos]   { font-size: .71rem; color: #475569; margin-top: .1rem; }

.ob-pts-inline[b-c6tsx34pos] {
    font-size: .7rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .18em .5em;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Score panel ── */
.ob-score-panel[b-c6tsx34pos] {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    min-height: 280px;
}
.ob-score-label[b-c6tsx34pos] { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #475569; margin-bottom: .5rem; }
.ob-score-num[b-c6tsx34pos] {
    font-size: 4rem;
    font-weight: 800;
    font-family: 'JetBrains Mono', monospace;
    line-height: 1;
}
.ob-score-denom[b-c6tsx34pos] { font-size: 1.2rem; color: #374151; font-weight: 400; }
.ob-score-hint[b-c6tsx34pos]  { font-size: .72rem; color: #374151; margin-top: .4rem; max-width: 180px; line-height: 1.4; }
.ob-score-empty[b-c6tsx34pos]   { color: #374151; }
.ob-score-green[b-c6tsx34pos]   { color: #22c55e; }
.ob-score-yellow[b-c6tsx34pos]  { color: #eab308; }
.ob-score-red[b-c6tsx34pos]     { color: #ef4444; }

.ob-score-bar-wrap[b-c6tsx34pos] { width: 100%; height: 5px; background: rgba(255,255,255,.07); border-radius: 3px; overflow: hidden; margin-bottom: .25rem; }
.ob-score-bar-fill[b-c6tsx34pos] { height: 100%; border-radius: 3px; transition: width .4s ease; }
.ob-bar-green[b-c6tsx34pos]  { background: #22c55e; }
.ob-bar-yellow[b-c6tsx34pos] { background: #eab308; }
.ob-bar-red[b-c6tsx34pos]    { background: #ef4444; }

.ob-result-box[b-c6tsx34pos]      { width: 100%; border-radius: 8px; padding: .9rem 1rem; }
.ob-result-icon[b-c6tsx34pos]     { font-size: 1.3rem; margin-bottom: .35rem; }
.ob-result-text[b-c6tsx34pos]     { font-size: .8rem; font-weight: 600; line-height: 1.45; }
.ob-result-neutral[b-c6tsx34pos]  { background: rgba(71,85,105,.12);  border: 1px solid rgba(71,85,105,.25);  color: #94a3b8; }
.ob-result-premium[b-c6tsx34pos]  { background: rgba(34,197,94,.1);   border: 1px solid rgba(34,197,94,.28);  color: #86efac; }
.ob-result-moderate[b-c6tsx34pos] { background: rgba(234,179,8,.1);   border: 1px solid rgba(234,179,8,.28);  color: #fde047; }
.ob-result-weak[b-c6tsx34pos]     { background: rgba(239,68,68,.1);   border: 1px solid rgba(239,68,68,.22);  color: #fca5a5; }

.ob-reset-btn[b-c6tsx34pos] { color: #475569; border-color: rgba(255,255,255,.1); font-size: .75rem; }
.ob-reset-btn:hover[b-c6tsx34pos] { background: rgba(255,255,255,.05); color: #94a3b8; border-color: rgba(255,255,255,.15); }
/* /Components/Pages/ProjectionsPage.razor.rz.scp.css */
/* ================================================================
   Projections Page
   ================================================================ */

.proj-page[b-vw9jrbi65e] {
    max-width: 960px;
}

/* ── Week cards ── */
.proj-week-card[b-vw9jrbi65e] {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    transition: box-shadow 0.2s;
}

.proj-week-card:hover[b-vw9jrbi65e] {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

.proj-week-current[b-vw9jrbi65e] {
    border-color: #2196f3 !important;
    box-shadow: 0 0 0 2px rgba(33,150,243,.15);
}

.proj-week-header[b-vw9jrbi65e] {
    background: #f8fafc;
    padding: 0.85rem 1.25rem;
    user-select: none;
    transition: background 0.15s;
}

.proj-week-header:hover[b-vw9jrbi65e] {
    background: #f0f4f8;
}

/* ── Entry ── */
.proj-entry:last-child[b-vw9jrbi65e] {
    border-bottom: none !important;
}

/* ── Bias badges ── */
.proj-bias-badge[b-vw9jrbi65e] {
    font-size: 0.78rem;
    border-radius: 6px;
    font-weight: 600;
}

.proj-bias-long[b-vw9jrbi65e] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.proj-bias-short[b-vw9jrbi65e] {
    background: rgba(239, 68, 68, 0.1);
    color: #b91c1c;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.proj-bias-neutral[b-vw9jrbi65e] {
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
    border: 1px solid rgba(100, 116, 139, 0.2);
}

/* ── YouTube embed ── */
.proj-video-wrapper[b-vw9jrbi65e] {
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
    max-width: 720px;
}

.proj-video-iframe[b-vw9jrbi65e] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Protected image ── */
.proj-image-wrapper[b-vw9jrbi65e] {
    max-width: 720px;
}

.proj-image-protect[b-vw9jrbi65e] {
    position: relative;
    display: inline-block;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
}

/* Block right-click context menu via pointer-events on the overlay */
.proj-image-protect[b-vw9jrbi65e]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
}

.proj-image[b-vw9jrbi65e] {
    width: 100%;
    display: block;
    border-radius: 8px;
    pointer-events: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
    draggable: false;
}

/* Watermark overlay */
.proj-watermark[b-vw9jrbi65e] {
    position: absolute;
    bottom: 12px;
    right: 16px;
    z-index: 3;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    pointer-events: none;
}

/* ── Body text ── */
.proj-body[b-vw9jrbi65e] {
    color: #374151;
    font-size: 0.92rem;
    line-height: 1.75;
}

.proj-body p[b-vw9jrbi65e] { margin-bottom: 0.75rem; }
.proj-body h4[b-vw9jrbi65e], .proj-body h5[b-vw9jrbi65e] { color: #0f172a; font-weight: 700; margin-top: 1.25rem; }
.proj-body ul[b-vw9jrbi65e], .proj-body ol[b-vw9jrbi65e] { padding-left: 1.5rem; }
.proj-body strong[b-vw9jrbi65e] { color: #0f172a; }
/* /Components/Pages/XauCommandCenter.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────────────────────────
   XAU/USD Command Center — Scoped Styles
   Complements app.css design tokens:
     --brand-blue, --brand-blue-deep, --brand-blue-bright
     --signal-buy, --signal-buy-strong, --signal-sell, --signal-sell-strong
────────────────────────────────────────────────────────────────────────── */

/* ── Live badge ── */
.xau-live-badge[b-utkmq050hm] {
    background: #dc2626;
    color: #fff;
    font-size: .62rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    animation: pulse-red-b-utkmq050hm 1.8s infinite;
}

@keyframes pulse-red-b-utkmq050hm {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}

.spin[b-utkmq050hm] {
    animation: spin-b-utkmq050hm 1s linear infinite;
}
@keyframes spin-b-utkmq050hm { to { transform: rotate(360deg); } }

/* ── Price header ── */
.xau-price-header[b-utkmq050hm] { border-top: 3px solid #c9a227; }

.xau-currency-label[b-utkmq050hm] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #c9a227;
}

.xau-price[b-utkmq050hm] {
    font-size: 2.2rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.xau-change[b-utkmq050hm] { font-size: 1rem; font-weight: 600; }
.xau-pct[b-utkmq050hm]    { font-size: .82rem; }

.xau-divider[b-utkmq050hm] {
    width: 1px;
    height: 60px;
    background: var(--bs-border-color);
    align-self: center;
}

.xau-asset-label[b-utkmq050hm] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--bs-secondary-color);
}

.xau-asset-value[b-utkmq050hm] {
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.xau-asset-pct[b-utkmq050hm]   { font-size: .75rem; margin-left: .3rem; }
.xau-asset-note[b-utkmq050hm]  { font-size: .68rem; }

.xau-cot-badge[b-utkmq050hm] {
    font-size: .75rem;
    font-weight: 700;
    padding: .3em .7em;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* ── Multi-timeframe table ── */
.xau-mtf-table[b-utkmq050hm] { font-size: .82rem; }
.xau-mtf-table th[b-utkmq050hm] { font-size: .72rem; }
.xau-ema-cell[b-utkmq050hm] { max-width: 120px; }

/* Signal badges — map to CSS classes set by GoldIndicators.BiasCssClass() */
.xau-signal-badge[b-utkmq050hm] { font-size: .72rem; padding: .28em .6em; font-weight: 700; }
.signal-strong-buy[b-utkmq050hm]  { background: var(--signal-buy-strong,  #059669); color: #fff; }
.signal-buy[b-utkmq050hm]         { background: var(--signal-buy,         #10b981); color: #fff; }
.signal-neutral[b-utkmq050hm]     { background: var(--signal-wait,        #6b7280); color: #fff; }
.signal-sell[b-utkmq050hm]        { background: var(--signal-sell,        #ef4444); color: #fff; }
.signal-strong-sell[b-utkmq050hm] { background: var(--signal-sell-strong, #dc2626); color: #fff; }

/* Score bar */
.xau-score-bar-wrap[b-utkmq050hm] {
    position: relative;
    background: var(--bs-tertiary-bg, #f1f3f5);
    border-radius: .25rem;
    height: 16px;
    overflow: hidden;
    min-width: 70px;
}
.xau-score-bar[b-utkmq050hm] {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 40%, #10b981 100%);
    transition: width .4s ease;
}
.xau-score-num[b-utkmq050hm] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    font-weight: 700;
    color: #1a2035;
}

/* ── COT history table ── */
.xau-cot-history[b-utkmq050hm] { font-size: .78rem; }
.xau-cot-history th[b-utkmq050hm] { font-size: .68rem; color: var(--bs-secondary-color); }

/* ── Economic Calendar ── */
.xau-cal-date-header[b-utkmq050hm] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--brand-blue-bright, #2196f3);
    border-top: 1px solid var(--bs-border-color);
}

.xau-cal-event[b-utkmq050hm] {
    border-bottom: 1px solid var(--bs-border-color);
    transition: background .15s;
}
.xau-cal-event:hover[b-utkmq050hm]        { background: var(--bs-tertiary-bg, #f8f9fa); }
.xau-cal-active[b-utkmq050hm]             { border-left: 3px solid #198754 !important; background: rgba(25,135,84,.04); }
.xau-cal-expired[b-utkmq050hm]            { opacity: .55; }
.xau-cal-time[b-utkmq050hm]  { font-size: .7rem; }
.xau-cal-vals[b-utkmq050hm]  { font-size: .72rem; }
.xau-cal-badge[b-utkmq050hm] { font-size: .68rem; white-space: nowrap; }

.xau-impact-dot[b-utkmq050hm] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
    margin-left: 2px;
    vertical-align: middle;
}
.xau-impact-dot.xau-bull[b-utkmq050hm]  { background: var(--signal-buy,  #10b981); }
.xau-impact-dot.xau-bear[b-utkmq050hm]  { background: var(--signal-sell, #ef4444); }

/* ── News Feed ── */
/* ── Active News Impact Panel ── */
.xau-impact-section-header[b-utkmq050hm] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--bs-secondary-color);
    border-top: 1px solid var(--bs-border-color);
}

.xau-impact-table th[b-utkmq050hm] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--bs-secondary-color);
    padding: .35rem .5rem;
}
.xau-impact-table td[b-utkmq050hm] { padding: .4rem .5rem; vertical-align: middle; }

.xau-strength-bar-wrap[b-utkmq050hm] {
    position: relative;
    height: 14px;
    background: var(--bs-border-color);
    border-radius: 3px;
    overflow: hidden;
    min-width: 80px;
}
.xau-strength-bar[b-utkmq050hm] {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    border-radius: 3px;
    transition: width .4s ease;
}
.xau-bar-bull[b-utkmq050hm]    { background: #198754; }
.xau-bar-bear[b-utkmq050hm]    { background: #dc3545; }
.xau-bar-neutral[b-utkmq050hm] { background: #6c757d; }
.xau-strength-num[b-utkmq050hm] {
    position: absolute;
    right: 4px;
    top: 0; bottom: 0;
    display: flex;
    align-items: center;
    font-size: .65rem;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
}

/* ── AI Analyst Panel ── */
.xau-ai-bias-card[b-utkmq050hm] {
    text-align: center;
    padding: .75rem 1.5rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-radius: var(--card-radius, 12px);
}

.xau-ai-levels[b-utkmq050hm] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-radius: var(--card-radius, 12px);
    padding: .75rem 1rem;
    min-width: 200px;
}

.xau-ai-summary[b-utkmq050hm] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-radius: 6px;
    padding: .75rem 1rem;
    line-height: 1.6;
    white-space: pre-line;
}

/* ── Order Blocks education link card ── */
.xau-ob-edu-card[b-utkmq050hm] { border-top: 2px solid rgba(245,200,66,.4); }
.ob-gold-icon[b-utkmq050hm]    { color: #c9a227; }

/* ── Loading skeleton ── */
.xau-skeleton[b-utkmq050hm] {
    background: linear-gradient(90deg,
        var(--bs-tertiary-bg) 25%, #e9ecef 50%, var(--bs-tertiary-bg) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-utkmq050hm 1.5s infinite;
}
@keyframes shimmer-b-utkmq050hm { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* ══════════════════════════════════════════════════════════════════════════
   ORDER BLOCKS PANEL
══════════════════════════════════════════════════════════════════════════ */

/* ── Terminal wrapper ── */
.ob-terminal[b-utkmq050hm] {
    background: #0D0F14;
    border-radius: 12px;
    color: #e2e8f0;
    padding: 1.75rem 2rem;
    border: 1px solid rgba(255,255,255,.06);
}

.ob-gold[b-utkmq050hm]    { color: #F5C842; }
.ob-subtitle[b-utkmq050hm] { font-size: .8rem; color: #64748b; letter-spacing: .01em; }

.ob-badge-xau[b-utkmq050hm] {
    background: linear-gradient(135deg, #b8860b, #F5C842);
    color: #0D0F14;
    font-weight: 800;
    font-size: .68rem;
    letter-spacing: .1em;
    padding: .35em .8em;
}

/* ── Section labels ── */
.ob-section-label[b-utkmq050hm] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #64748b;
    border-bottom: 1px solid rgba(255,255,255,.05);
    padding-bottom: .5rem;
    flex-wrap: wrap;
}
.ob-section-num[b-utkmq050hm]  { color: #F5C842; font-size: .95rem; font-family: 'JetBrains Mono', monospace; font-weight: 700; }
.ob-section-note[b-utkmq050hm] { font-weight: 400; text-transform: none; letter-spacing: 0; color: #475569; font-size: .72rem; }

/* ── Prerequisite cards ── */
.ob-prereq-card[b-utkmq050hm] {
    background: rgba(245,158,11,.07);
    border: 1px solid rgba(245,158,11,.22);
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
}
.ob-prereq-icon[b-utkmq050hm]  { font-size: 1rem; line-height: 1.4; flex-shrink: 0; }
.ob-prereq-title[b-utkmq050hm] { font-size: .88rem; color: #fde68a; line-height: 1.35; }
.ob-text[b-utkmq050hm]         { font-size: .81rem; color: #94a3b8; line-height: 1.65; margin-bottom: 0; }

.ob-indicator[b-utkmq050hm] {
    font-size: .73rem;
    border-radius: 5px;
    padding: .38rem .7rem;
    font-family: 'JetBrains Mono', monospace;
}
.ob-indicator-ok[b-utkmq050hm]  { color: #86efac; background: rgba(34,197,94,.08);  border: 1px solid rgba(34,197,94,.2); }
.ob-indicator-bad[b-utkmq050hm] { color: #fca5a5; background: rgba(239,68,68,.08);  border: 1px solid rgba(239,68,68,.2); }

/* ── Quality cards ── */
.ob-quality-card[b-utkmq050hm] {
    background: rgba(59,130,246,.05);
    border: 1px solid rgba(59,130,246,.15);
    border-radius: 8px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
}
.ob-quality-title[b-utkmq050hm] { font-size: .85rem; color: #bfdbfe; line-height: 1.35; }

.ob-pts-badge[b-utkmq050hm] {
    display: inline-flex;
    align-items: center;
    font-size: .68rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .18em .55em;
    width: fit-content;
}
.ob-pts-gold[b-utkmq050hm]   { background: rgba(245,200,66,.13); color: #F5C842;  border: 1px solid rgba(245,200,66,.28); }
.ob-pts-purple[b-utkmq050hm] { background: rgba(168,85,247,.13); color: #c4b5fd;  border: 1px solid rgba(168,85,247,.28); }
.ob-pts-blue[b-utkmq050hm]   { background: rgba(99,102,241,.13); color: #a5b4fc;  border: 1px solid rgba(99,102,241,.28); }

.ob-tag[b-utkmq050hm] {
    font-size: .71rem;
    color: #60a5fa;
    background: rgba(59,130,246,.08);
    border-radius: 4px;
    padding: .3rem .6rem;
    margin-top: auto;
    line-height: 1.4;
}

/* ── Timeframe cards ── */
.ob-tf-card[b-utkmq050hm] {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    padding: 1.1rem;
    display: flex;
    flex-direction: column;
}
.ob-tf-featured[b-utkmq050hm] {
    border-color: rgba(245,200,66,.22);
    background: rgba(245,200,66,.035);
}
.ob-tf-badge[b-utkmq050hm] {
    font-size: .68rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .22em .6em;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ob-tf-30m[b-utkmq050hm] { background: rgba(107,114,128,.3);  color: #d1d5db; }
.ob-tf-1h[b-utkmq050hm]  { background: rgba(59,130,246,.3);   color: #93c5fd; }
.ob-tf-4h[b-utkmq050hm]  { background: rgba(249,115,22,.3);   color: #fdba74; }
.ob-tf-d[b-utkmq050hm]   { background: rgba(245,200,66,.22);  color: #F5C842; }

.ob-stars[b-utkmq050hm]         { font-size: .8rem; color: #F5C842; letter-spacing: .05em; }
.ob-star-dim[b-utkmq050hm]      { color: rgba(245,200,66,.2); }
.ob-tf-top[b-utkmq050hm]        { font-size: .58rem; font-weight: 800; background: #F5C842; color: #0D0F14; border-radius: 3px; padding: .15em .45em; letter-spacing: .06em; margin-left: auto; }
.ob-tf-use[b-utkmq050hm]        { font-size: .78rem; color: #94a3b8; font-style: italic; line-height: 1.35; }
.ob-tf-list[b-utkmq050hm]       { font-size: .77rem; color: #cbd5e1; padding-left: 1.2rem; margin-bottom: .7rem; flex: 1; }
.ob-tf-list li[b-utkmq050hm]    { margin-bottom: .2rem; }
.ob-tf-note[b-utkmq050hm]       { font-size: .71rem; color: #475569; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.05); border-radius: 4px; padding: .35rem .6rem; line-height: 1.4; margin-top: auto; }
.ob-tf-note-gold[b-utkmq050hm]  { color: rgba(245,200,66,.65); border-color: rgba(245,200,66,.12); background: rgba(245,200,66,.03); }

/* ── Calculator ── */
.ob-calculator[b-utkmq050hm] {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    padding: 1.5rem;
}

.ob-check-group[b-utkmq050hm]        { margin-bottom: .25rem; }
.ob-check-group-label[b-utkmq050hm]  { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: #475569; margin-bottom: .4rem; padding-left: .65rem; }

.ob-check-row[b-utkmq050hm] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .5rem .65rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s;
    margin-bottom: .05rem;
    width: 100%;
}
.ob-check-row:hover[b-utkmq050hm]             { background: rgba(255,255,255,.04); }
.ob-check-disabled[b-utkmq050hm]              { opacity: .4; pointer-events: none; }
.ob-check-row input[type=checkbox][b-utkmq050hm] { width: 15px; height: 15px; margin-top: 3px; accent-color: #F5C842; flex-shrink: 0; cursor: pointer; }
.ob-check-title[b-utkmq050hm] { font-size: .83rem; color: #e2e8f0; line-height: 1.3; }
.ob-check-sub[b-utkmq050hm]   { font-size: .71rem; color: #475569; margin-top: .1rem; }

.ob-pts-inline[b-utkmq050hm] {
    font-size: .7rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    border-radius: 4px;
    padding: .18em .5em;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Score panel ── */
.ob-score-panel[b-utkmq050hm] {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    min-height: 280px;
}
.ob-score-label[b-utkmq050hm] { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #475569; margin-bottom: .5rem; }
.ob-score-num[b-utkmq050hm] {
    font-size: 4rem;
    font-weight: 800;
    font-family: 'JetBrains Mono', monospace;
    line-height: 1;
}
.ob-score-denom[b-utkmq050hm] { font-size: 1.2rem; color: #374151; font-weight: 400; }
.ob-score-hint[b-utkmq050hm]  { font-size: .72rem; color: #374151; margin-top: .4rem; max-width: 180px; line-height: 1.4; }
.ob-score-empty[b-utkmq050hm]   { color: #374151; }
.ob-score-green[b-utkmq050hm]   { color: #22c55e; }
.ob-score-yellow[b-utkmq050hm]  { color: #eab308; }
.ob-score-red[b-utkmq050hm]     { color: #ef4444; }

.ob-score-bar-wrap[b-utkmq050hm] { width: 100%; height: 5px; background: rgba(255,255,255,.07); border-radius: 3px; overflow: hidden; margin-bottom: .25rem; }
.ob-score-bar-fill[b-utkmq050hm] { height: 100%; border-radius: 3px; transition: width .4s ease; }
.ob-bar-green[b-utkmq050hm]  { background: #22c55e; }
.ob-bar-yellow[b-utkmq050hm] { background: #eab308; }
.ob-bar-red[b-utkmq050hm]    { background: #ef4444; }

.ob-result-box[b-utkmq050hm]      { width: 100%; border-radius: 8px; padding: .9rem 1rem; }
.ob-result-icon[b-utkmq050hm]     { font-size: 1.3rem; margin-bottom: .35rem; }
.ob-result-text[b-utkmq050hm]     { font-size: .8rem; font-weight: 600; line-height: 1.45; }
.ob-result-neutral[b-utkmq050hm]  { background: rgba(71,85,105,.12);  border: 1px solid rgba(71,85,105,.25);  color: #94a3b8; }
.ob-result-premium[b-utkmq050hm]  { background: rgba(34,197,94,.1);   border: 1px solid rgba(34,197,94,.28);  color: #86efac; }
.ob-result-moderate[b-utkmq050hm] { background: rgba(234,179,8,.1);   border: 1px solid rgba(234,179,8,.28);  color: #fde047; }
.ob-result-weak[b-utkmq050hm]     { background: rgba(239,68,68,.1);   border: 1px solid rgba(239,68,68,.22);  color: #fca5a5; }

.ob-reset-btn[b-utkmq050hm] { color: #475569; border-color: rgba(255,255,255,.1); font-size: .75rem; }
.ob-reset-btn:hover[b-utkmq050hm] { background: rgba(255,255,255,.05); color: #94a3b8; border-color: rgba(255,255,255,.15); }

/* ══════════════════════════════════════════════════════════════════════════
   DETECTED ORDER BLOCKS — live data card
══════════════════════════════════════════════════════════════════════════ */

.ob-live-card[b-utkmq050hm]   { border-top: 3px solid #F5C842; }
.ob-live-header[b-utkmq050hm] { background: #0D0F14; color: #e2e8f0; }
.ob-gold-icon[b-utkmq050hm]   { color: #F5C842; }

.ob-tf-chip[b-utkmq050hm] {
    font-size: .62rem;
    font-weight: 700;
    background: rgba(249,115,22,.25);
    color: #fdba74;
    border: 1px solid rgba(249,115,22,.3);
    border-radius: 3px;
    padding: .1em .4em;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: .04em;
}

.ob-live-price[b-utkmq050hm] {
    font-size: 1rem;
    font-weight: 700;
    color: #F5C842;
    font-variant-numeric: tabular-nums;
}

/* Table */
.ob-live-table[b-utkmq050hm]           { font-size: .82rem; background: #0D0F14; color: #e2e8f0; }
.ob-live-table thead tr[b-utkmq050hm]  { background: #12151d; border-bottom: 1px solid rgba(255,255,255,.07); }
.ob-live-table thead th[b-utkmq050hm]  { font-size: .69rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: #64748b; padding: .5rem .75rem; border: none; }
.ob-live-table tbody td[b-utkmq050hm]  { padding: .55rem .75rem; border-color: rgba(255,255,255,.05); vertical-align: middle; }

.ob-row-bull[b-utkmq050hm] { border-left: 2px solid rgba(34,197,94,.4); }
.ob-row-bear[b-utkmq050hm] { border-left: 2px solid rgba(239,68,68,.4); }
.ob-row-bull:hover[b-utkmq050hm] { background: rgba(34,197,94,.04); }
.ob-row-bear:hover[b-utkmq050hm] { background: rgba(239,68,68,.04); }

/* Type badges */
.ob-badge-bull[b-utkmq050hm] { background: rgba(34,197,94,.15);  color: #86efac; border: 1px solid rgba(34,197,94,.3);  font-size: .72rem; font-weight: 600; padding: .25em .65em; }
.ob-badge-bear[b-utkmq050hm] { background: rgba(239,68,68,.15);  color: #fca5a5; border: 1px solid rgba(239,68,68,.3);  font-size: .72rem; font-weight: 600; padding: .25em .65em; }

/* Zone cell */
.ob-zone-cell[b-utkmq050hm]  { white-space: nowrap; }
.ob-zone-low[b-utkmq050hm]   { color: #86efac; }
.ob-zone-high[b-utkmq050hm]  { color: #fca5a5; }
.ob-zone-sep[b-utkmq050hm]   { color: #475569; margin: 0 .3rem; }
.ob-zone-range[b-utkmq050hm] { font-size: .72rem; margin-left: .4rem; }
.ob-mid-val[b-utkmq050hm]    { color: #fde047; font-size: .8rem; }

/* Distance */
.ob-dist-near[b-utkmq050hm]  { color: #22c55e; font-weight: 600; }
.ob-dist-mid[b-utkmq050hm]   { color: #eab308; }
.ob-dist-far[b-utkmq050hm]   { color: #94a3b8; }
.ob-dist-pct[b-utkmq050hm]   { font-size: .72rem; color: #64748b; margin-left: .25rem; }

/* Signal badges */
.ob-signal-badge[b-utkmq050hm] {
    font-size: .66rem;
    font-weight: 700;
    border-radius: 3px;
    padding: .18em .5em;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.ob-signal-fvg[b-utkmq050hm]   { background: rgba(59,130,246,.15);  color: #93c5fd; border: 1px solid rgba(59,130,246,.3); }
.ob-signal-sweep[b-utkmq050hm] { background: rgba(168,85,247,.15); color: #c4b5fd; border: 1px solid rgba(168,85,247,.3); }

/* Quality */
.ob-quality-badge[b-utkmq050hm] { font-size: .68rem; font-weight: 700; border-radius: 3px; padding: .18em .5em; }
.ob-q-premium[b-utkmq050hm]  { background: rgba(245,200,66,.15); color: #F5C842;  border: 1px solid rgba(245,200,66,.3); }
.ob-q-standard[b-utkmq050hm] { background: rgba(99,102,241,.15); color: #a5b4fc;  border: 1px solid rgba(99,102,241,.3); }
.ob-q-basic[b-utkmq050hm]    { background: rgba(107,114,128,.15); color: #9ca3af; border: 1px solid rgba(107,114,128,.3); }
.ob-score-sm[b-utkmq050hm]   { font-size: .68rem; margin-left: .3rem; font-family: 'JetBrains Mono', monospace; }

/* Status */
.ob-status-fresh[b-utkmq050hm]  { font-size: .7rem; font-weight: 600; color: #22c55e; background: rgba(34,197,94,.1);  border: 1px solid rgba(34,197,94,.25);  border-radius: 3px; padding: .15em .45em; }
.ob-status-tested[b-utkmq050hm] { font-size: .7rem; font-weight: 600; color: #eab308; background: rgba(234,179,8,.1);  border: 1px solid rgba(234,179,8,.25);  border-radius: 3px; padding: .15em .45em; }

.ob-formed-cell[b-utkmq050hm] { color: #64748b; }

/* Footer note */
.ob-live-footer[b-utkmq050hm] { background: #0D0F14; border-top: 1px solid rgba(255,255,255,.06); font-size: .73rem; line-height: 1.5; color: #475569; }

/* ══════════════════════════════════════════════════════════════════════════
   CANDLESTICK PATTERNS PANEL
══════════════════════════════════════════════════════════════════════════ */

.xau-patterns-card[b-utkmq050hm]   { border-top: 3px solid #a78bfa; }
.xau-patterns-header[b-utkmq050hm] { background: #12151d; color: #e2e8f0; }

.xau-patterns-table[b-utkmq050hm]           { font-size: .82rem; background: #0D0F14; color: #e2e8f0; }
.xau-patterns-table thead tr[b-utkmq050hm]  { background: #12151d; border-bottom: 1px solid rgba(255,255,255,.07); }
.xau-patterns-table thead th[b-utkmq050hm]  { font-size: .69rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: #64748b; padding: .5rem .75rem; border: none; }
.xau-patterns-table tbody td[b-utkmq050hm]  { padding: .5rem .75rem; border-color: rgba(255,255,255,.05); vertical-align: middle; }

.xau-pat-row-bull[b-utkmq050hm] { border-left: 2px solid rgba(34,197,94,.4); }
.xau-pat-row-bear[b-utkmq050hm] { border-left: 2px solid rgba(239,68,68,.4); }
.xau-pat-row-bull:hover[b-utkmq050hm] { background: rgba(34,197,94,.04); }
.xau-pat-row-bear:hover[b-utkmq050hm] { background: rgba(239,68,68,.04); }