/* /Components/Course.razor.rz.scp.css */
/* Панель курсов валют. Цвета и отступы — только токены LiquidGlass. */

.crs-row[b-6p8rjtf2nu] {
    display: grid;
    grid-template-columns: minmax(64px, 1fr) auto auto;
    align-items: center;
    gap: var(--mh-s-3);
    padding: 6px 8px;
    border-radius: var(--mh-r-sm, 8px);
    font-size: var(--mh-fs-sm);
}

.crs-row:not(.crs-row--head):hover[b-6p8rjtf2nu] {
    background: var(--mh-glass-tint);
}

.crs-row--head[b-6p8rjtf2nu] {
    font-size: var(--mh-fs-xs);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mh-text-3);
}

.crs-row--head span[b-6p8rjtf2nu] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.crs-cur[b-6p8rjtf2nu] {
    font-weight: 600;
    color: var(--mh-text);
}

.crs-num[b-6p8rjtf2nu] {
    text-align: right;
    min-width: 78px;
    font-variant-numeric: tabular-nums;
}

.crs-buy[b-6p8rjtf2nu] {
    color: var(--mh-ok);
}

.crs-sell[b-6p8rjtf2nu] {
    color: var(--mh-danger);
}
/* /Components/Dashboard/EmvQrModal.razor.rz.scp.css */
.mh-emvqr[b-3bepdgbypg] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--mh-s-3);
    padding: var(--mh-s-3);
    background: #fff;
    border-radius: var(--mh-r-md);
}

/* SVG приходит готовой разметкой с сервера — задаём ему размер здесь */
.mh-emvqr[b-3bepdgbypg]  svg {
    width: 100%;
    max-width: 260px;
    height: auto;
}
/* /Components/Dashboard/OrderRibbonCard.razor.rz.scp.css */
/* Цвета ленточек взяты из монолита, чтобы трейдер не переучивался.
   Держим их отдельными переменными, а не «сырым» hex в разметке. */
.mh-ordercard[b-rt06t6n5q3] {
    --mh-ribbon-bg: transparent;
    --mh-ribbon-sbp: #ff4081;
    --mh-ribbon-mob: #7b2ff7;
    --mh-ribbon-link: #1565c0;

    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-2);
    padding: var(--mh-s-3);
    border-radius: var(--mh-r-lg);
}

.mh-ribbon--sbp[b-rt06t6n5q3] {
    --mh-ribbon-bg: var(--mh-ribbon-sbp);
}

.mh-ribbon--mob[b-rt06t6n5q3] {
    --mh-ribbon-bg: var(--mh-ribbon-mob);
}

.mh-ribbon--link[b-rt06t6n5q3] {
    --mh-ribbon-bg: var(--mh-ribbon-link);
}

.mh-ordercard[data-ribbon]:not([data-ribbon=""])[b-rt06t6n5q3]::before {
    content: attr(data-ribbon);
    position: absolute;
    top: 14px;
    right: -34px;
    width: 128px;
    padding: 2px 0;
    background: var(--mh-ribbon-bg);
    color: #fff;
    font-size: var(--mh-fs-xs);
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(45deg);
    box-shadow: var(--mh-sh-1);
    pointer-events: none;
    z-index: 2;
}

@media (max-width: 480px) {
    .mh-ordercard[data-ribbon]:not([data-ribbon=""])[b-rt06t6n5q3]::before {
        top: 11px;
        right: -38px;
        font-size: 10px;
    }
}
/* /Components/Dashboard/OrderTimerBadge.razor.rz.scp.css */
.mh-timer[b-3x3gwb8dxv] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    line-height: 1.15;
}

/* Бейдж рисует MhBadge — до его разметки достаём через ::deep */
.mh-timer[b-3x3gwb8dxv]  .mh-timer__val {
    font-family: var(--mh-font-mono);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.mh-timer__from[b-3x3gwb8dxv] {
    font-size: var(--mh-fs-xs);
    color: var(--mh-text-3);
    white-space: nowrap;
}
/* /Components/IncomingPayOrders.razor.rz.scp.css */
/* Витрина входящих ордеров: одна колонка — грид на всю ширину зоны. */
.mh-inorders[b-7szn4naz3h] {
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-3);
    min-height: 0;
}
/* /Components/InfoCard.razor.rz.scp.css */
.mh-infocard[b-396cp6kfay] {
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-2);
    padding: var(--mh-s-3);
    border-radius: var(--mh-r-md);
}

.mh-infocard__head[b-396cp6kfay] {
    display: flex;
    align-items: center;
    gap: var(--mh-s-2);
}

.mh-infocard__title[b-396cp6kfay] {
    margin: 0;
    font-size: var(--mh-fs-md);
    font-weight: 600;
    color: var(--mh-text);
}

.mh-infocard__desc[b-396cp6kfay] {
    margin: 0;
    font-size: var(--mh-fs-xs);
    color: var(--mh-text-3);
}

.mh-infocard__actions[b-396cp6kfay] {
    gap: var(--mh-s-2);
    margin-top: var(--mh-s-1);
}
/* /Components/LoadingOverlay.razor.rz.scp.css */
.mh-loadwrap[b-8veujgr97e] {
    position: fixed;
    inset: 0;
    z-index: var(--mh-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(4, 10, 22, .55);
    backdrop-filter: blur(3px);
}

.mh-loadwrap__box[b-8veujgr97e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mh-s-3);
    padding: var(--mh-s-5) var(--mh-s-6);
    border-radius: var(--mh-r-lg);
}

.mh-loadwrap__text[b-8veujgr97e] {
    font-size: var(--mh-fs-sm);
    color: var(--mh-text-2);
}
/* /Components/OutgoingOrders.razor.rz.scp.css */
/* Витрина исходящих ордеров: одна колонка — грид или карточный список. */
.mh-outorders[b-4jz5ni8nw9] {
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-3);
    min-height: 0;
}
/* /Components/OutorderChekUpload.razor.rz.scp.css */
.mh-chk[b-xdyio1xoj1] {
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-3);
}

.mh-chk__sec[b-xdyio1xoj1] {
    display: flex;
    flex-direction: column;
    gap: var(--mh-s-2);
}

.mh-chk__title[b-xdyio1xoj1] {
    display: flex;
    align-items: center;
    gap: var(--mh-s-2);
    margin: 0;
    font-size: var(--mh-fs-sm);
    font-weight: 600;
    color: var(--mh-text-2);
}

.mh-chk__drop[b-xdyio1xoj1] {
    display: block;
    padding: var(--mh-s-4);
    border: 1px dashed var(--mh-glass-brd-hi);
    border-radius: var(--mh-r-md);
    background: var(--mh-glass-tint);
    text-align: center;
    cursor: pointer;
    transition: border-color var(--mh-dur-fast) var(--mh-ease), background var(--mh-dur-fast) var(--mh-ease);
}

.mh-chk__drop:hover[b-xdyio1xoj1],
.mh-chk__drop:focus-within[b-xdyio1xoj1] {
    border-color: var(--mh-accent);
    background: var(--mh-glass-tint-2);
}

.mh-chk__empty[b-xdyio1xoj1],
.mh-chk__file[b-xdyio1xoj1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: var(--mh-fs-sm);
    color: var(--mh-text-2);
}

.mh-chk__file[b-xdyio1xoj1] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--mh-s-2);
}

.mh-chk__ok[b-xdyio1xoj1] {
    display: flex;
    align-items: flex-start;
    gap: var(--mh-s-3);
    padding: var(--mh-s-3);
    border-radius: var(--mh-r-md);
}

.mh-chk__ok p[b-xdyio1xoj1] {
    margin: 2px 0 0;
    font-size: var(--mh-fs-xs);
}

.mh-chk__or[b-xdyio1xoj1] {
    display: flex;
    align-items: center;
    gap: var(--mh-s-3);
    color: var(--mh-text-3);
    font-size: var(--mh-fs-xs);
    letter-spacing: 1px;
}

.mh-chk__or[b-xdyio1xoj1]::before,
.mh-chk__or[b-xdyio1xoj1]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--mh-glass-brd);
}

.mh-chk__qr[b-xdyio1xoj1] {
    display: flex;
    justify-content: center;
    padding: var(--mh-s-3);
    background: #fff;
    border-radius: var(--mh-r-md);
}

.mh-chk__qr img[b-xdyio1xoj1] {
    width: 100%;
    max-width: 210px;
    height: auto;
    image-rendering: pixelated;
}

.mh-chk__hint[b-xdyio1xoj1] {
    margin: 0;
    font-size: var(--mh-fs-xs);
    text-align: center;
}

.mh-chk__preview[b-xdyio1xoj1] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mh-chk__preview img[b-xdyio1xoj1] {
    max-width: 100%;
    max-height: 220px;
    object-fit: contain;
    border-radius: var(--mh-r-sm);
    border: 1px solid var(--mh-glass-brd);
}

.mh-chk__preview figcaption[b-xdyio1xoj1] {
    font-size: var(--mh-fs-xs);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-1e8zhxdmxs] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: var(--bs-font-sans-serif);
}

.top-bar[b-1e8zhxdmxs] {
    display: flex;
    align-items: center;
    height: 3.5rem;
    padding: 0 1rem;
    background-color: var(--bs-primary, #06172A);
    color: white;
    gap: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 200;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.top-bar-extra[b-1e8zhxdmxs] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
}

.app-title[b-1e8zhxdmxs] {
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toggle-btn[b-1e8zhxdmxs] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    padding: 0;
    transition: background-color 0.15s ease;
}

.toggle-btn:hover[b-1e8zhxdmxs] {
    background-color: rgba(255, 255, 255, 0.18);
}

.toggle-btn:active[b-1e8zhxdmxs] {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Три полоски гамбургера */
.toggle-icon[b-1e8zhxdmxs] {
    display: block;
    width: 1.25rem;
    height: 2px;
    background-color: white;
    border-radius: 2px;
    position: relative;
    transition: background-color 0.2s ease;
}

.toggle-icon[b-1e8zhxdmxs]::before,
.toggle-icon[b-1e8zhxdmxs]::after {
    content: '';
    display: block;
    width: 1.25rem;
    height: 2px;
    background-color: white;
    border-radius: 2px;
    position: absolute;
    left: 0;
    transition: transform 0.2s ease;
}

.toggle-icon[b-1e8zhxdmxs]::before { top: -7px; }
.toggle-icon[b-1e8zhxdmxs]::after  { top: 7px; }

/* ===== Drawer ===== */
[b-1e8zhxdmxs] .navigation-drawer {
    height: calc(100vh - 3.5rem);
    --dxbl-drawer-panel-footer-justify-content: center;
}

[b-1e8zhxdmxs] .dxbl-drawer .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary, #0d6efd) 0%, #000 150%);
}

[b-1e8zhxdmxs] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-1e8zhxdmxs] .dxbl-drawer .dxbl-drawer-content {
    padding: 0 !important;
}

.main-content[b-1e8zhxdmxs] {
    padding: 1.5rem;
    height: 100%;
    min-height: 100%;
    overflow-y: auto;    
}

@media (max-width: 768px) {
    .main-content[b-1e8zhxdmxs] {
        padding: 1rem;
    }
}

/*Врехней бар*/


.menu-container[b-1e8zhxdmxs] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.main-menu ul[b-1e8zhxdmxs] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}

.menu-link[b-1e8zhxdmxs] {
    color: white;
    font-size: 1.3em;
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: background 0.2s;
}

.menu-link:hover[b-1e8zhxdmxs] {
    background: rgba(255,255,255,0.1);
}

.menu-text[b-1e8zhxdmxs] {
    display: inline;
}



@media (max-width: 768px) {
    .menu-text[b-1e8zhxdmxs] {
        display: none;
    }

    /* Опционально: уменьшаем padding, чтобы иконки не «разъехались» */
    .menu-link[b-1e8zhxdmxs] {
        font-size: 2.0em;
        padding: 0.5rem 0.4rem;
    }
}
/*Врехней бар*/


/* /Pages/AllTransfers.razor.rz.scp.css */
/* Страница «Платежи». Вся база — токены и классы mh-* из RCL,
   здесь только то, что специфично для тулбара этой страницы. */

/* Пункт выпадашки «Колонки»: чекбокс во всю ширину поповера. */
.at-colpick[b-3vrlogjekl] {
    display: block;
    padding: 4px 6px;
    white-space: nowrap;
}

.at-colpick:hover[b-3vrlogjekl] {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--mh-r-sm, 6px);
}
/* /Pages/Arbitrations.razor.rz.scp.css */
/* Страница арбитражей. Базовые токены и классы mh-* живут в RCL,
   здесь только просмотр файла чека. */

.arb-check[b-qyet4tca8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--mh-s-2);
}

.arb-check img[b-qyet4tca8u] {
    max-width: 100%;
    max-height: 70vh;
    border-radius: var(--mh-r-md, 10px);
    box-shadow: var(--mh-sh-2);
}
/* /Pages/Authorization.razor.rz.scp.css */
/* Экран входа. Каркас (.mh-auth*) и все токены живут в RCL —
   здесь только кнопка «показать пароль» и разделитель. */

.auth-pw[b-u9tqqoicwk] {
    position: relative;
}

/* Кнопка-глаз поверх поля пароля. Поле рисует MhInput, поэтому
   позиционируем от обёртки: 30px сверху — высота подписи MhField. */
.auth-pw[b-u9tqqoicwk]  .auth-pw__toggle {
    position: absolute;
    right: 4px;
    top: 26px;
    z-index: 2;
}

.auth-pw[b-u9tqqoicwk]  .mh-input {
    padding-right: 42px;
}

.auth-sep[b-u9tqqoicwk] {
    display: flex;
    align-items: center;
    gap: var(--mh-s-3);
    margin: var(--mh-s-5) 0 var(--mh-s-4);
}

.auth-sep[b-u9tqqoicwk]::before,
.auth-sep[b-u9tqqoicwk]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--mh-glass-brd);
}

.auth-sep span[b-u9tqqoicwk] {
    font-size: var(--mh-fs-xs);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mh-text-3);
}
/* /Pages/Statistic.razor.rz.scp.css */
/* Статистика трейдера. Всё оформление — токены и классы mh-* из RCL;
   здесь только сетка графиков и кнопки пресетов периода. */

.st-charts-2[b-k1equeadkc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--mh-s-3);
}

@media (max-width: 900px) {
    .st-charts-2[b-k1equeadkc] {
        grid-template-columns: 1fr;
    }
}

.st-presets[b-k1equeadkc] {
    gap: var(--mh-s-1);
}