@import '_content/Web3DLibrary/Web3DLibrary.mshsx3ac5j.bundle.scp.css';
@import '_content/WebAndGUIComponents/WebAndGUIComponents.u8rm21rgcy.bundle.scp.css';
@import '_content/WebComponents/WebComponents.ji1w05g03s.bundle.scp.css';

/* /Components/Credits/CreditBlock.razor.rz.scp.css */
/* Строка пакета кредитов */
.credit-row[b-smomj6g9bi] {
    background: transparent;
    transition: var(--transition);
    border-bottom: 1px solid var(--zealous-border);
}

    .credit-row:hover[b-smomj6g9bi] {
        background: rgba(var(--primary), 0.08);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }

/* Кнопка "Приобрести" */
.btn-purchase[b-smomj6g9bi] {
    background: linear-gradient(135deg, var(--zealous-blue) 0%, color-mix(in srgb, var(--zealous-blue) 80%, black) 100%);
    border: none;
    color: var(--light);
    font-weight: 600;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    min-width: 140px;
}

    .btn-purchase:hover[b-smomj6g9bi] {
        background: linear-gradient(135deg, var(--zealous-purple) 0%, color-mix(in srgb, var(--zealous-purple) 80%, black) 100%);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(96, 165, 250, 0.35);
    }

/* Бейдж бонуса */
.credit-row .badge.bg-success[b-smomj6g9bi] {
    background-color: var(--success) !important;
    color: var(--light);
    font-weight: 600;
}

/* Адаптивность на мобильных */
@media (max-width: 576px) {
    .credit-row td[b-smomj6g9bi] {
        padding: 0.75rem !important;
        font-size: 0.95rem !important;
    }

    .btn-purchase[b-smomj6g9bi] {
        padding: 0.5rem 1rem;
        font-size: 0.95rem;
    }

    .credit-row .badge[b-smomj6g9bi] {
        font-size: 0.75rem !important;
        padding: 0.35em 0.65em !important;
    }
}
/* /Components/Credits/PaymentMethods.razor.rz.scp.css */
/* Контейнер платежей */
.payment-card[b-o8cd89xcv5] {
    background: var(--zealous-card) !important;
    border-left: 4px solid #ffdd2d !important; /* Фирменный цвет Т-Банка для акцента */
}

.payment-logo-circle[b-o8cd89xcv5] {
    width: 45px;
    height: 45px;
    background: rgba(255, 221, 45, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Сетка платежных систем */
.payment-grid[b-o8cd89xcv5] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pay-badge[b-o8cd89xcv5] {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease;
}

    .pay-badge:hover[b-o8cd89xcv5] {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.1);
        border-color: var(--info);
    }

    /* Стили для конкретных систем */
    .pay-badge.tpay[b-o8cd89xcv5] {
        border-left: 3px solid #ffdd2d;
    }

    .pay-badge.sberpay[b-o8cd89xcv5] {
        border-left: 3px solid #21a038;
    }

    .pay-badge.mirpay[b-o8cd89xcv5] {
        border-left: 3px solid #005aab;
    }

    .pay-badge.sbp[b-o8cd89xcv5] {
        border-left: 3px solid #1a174d;
    }

/* Карточка возврата */
.return-policy-card[b-o8cd89xcv5] {
    background: linear-gradient(135deg, rgba(13, 202, 240, 0.05) 0%, rgba(13, 202, 240, 0.02) 100%) !important;
    border: 1px solid rgba(13, 202, 240, 0.1) !important;
}

.italic[b-o8cd89xcv5] {
    font-style: italic;
}
/* /Components/Credits/SpeedDevelopmentComponent.razor.rz.scp.css */
.speed-card-dark[b-4pobkzpf65] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172ae5 100%);
    border: 1px solid #334155 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

    .speed-card-dark:hover[b-4pobkzpf65] {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
    }

    .speed-card-dark .text-primary[b-4pobkzpf65] {
        color: #60e2faea !important; /* Более мягкий primary для тёмной темы */
    }

    /* Текст внутри карточки */
    .speed-card-dark .lead[b-4pobkzpf65] {
        color: #94a3b8;
    }

/* Адаптивность отступов */
@media (max-width: 576px) {
    .speed-card-dark .card-body[b-4pobkzpf65] {
        padding: 2rem 1.5rem !important;
    }
}
/* /Components/DownloadUpdater.razor.rz.scp.css */
/* 1. Внешний контейнер — отвечает ТОЛЬКО за внешнее свечение (Glow) */
.glow-container[b-voeqqcw5eb] {
    position: relative;
    z-index: 1;
    /* Мягкая статичная тень, чтобы кнопка не терялась */
    filter: drop-shadow(0 0 15px rgba(13, 198, 253, 0.2));
    transition: filter 0.3s ease, transform 0.3s ease;
}

    .glow-container:hover[b-voeqqcw5eb] {
        /* При наведении усиливаем внешнее свечение */
        filter: drop-shadow(0 0 25px rgba(13, 198, 253, 0.5)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
        transform: scale(1.01);
    }

/* 2. Контейнер для рамки — ОБРЕЗАЕТ вращающийся прямоугольник */
.animated-border-box[b-voeqqcw5eb] {
    position: relative;
    padding: 2px; /* Ширина светящейся рамки */
    background: #111;
    border-radius: 14px;
    overflow: hidden; /* Магия здесь: обрезает всё, что крутится вне углов */
    z-index: 2;
}

/* 3. Сама вращающаяся рамка (тот самый "прямоугольник") */
.download-animated-border[b-voeqqcw5eb] {
    position: absolute;
    top: -150%;
    left: -50%;
    width: 200%;
    height: 400%;
    /* Светлый белый блик и синий основной цвет */
    background: conic-gradient( from 0deg, transparent 0%, rgba(255, 255, 255, 0.9) 15%, transparent 30%, rgba(13, 198, 253, 0.6) 70%, transparent 100% );
    animation: rotate-border-b-voeqqcw5eb 4s linear infinite;
}

@keyframes rotate-border-b-voeqqcw5eb {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* 4. Внутренняя кнопка */
.DownloadButton[b-voeqqcw5eb] {
    background: #16181a !important;
    border: none !important;
    border-radius: 12px !important;
    position: relative;
    z-index: 3;
    transition: background 0.3s ease;
}

    .DownloadButton:hover[b-voeqqcw5eb] {
        background: #1c1f22 !important;
    }

/* Текстовые стили */
.download-title-compact[b-voeqqcw5eb] {
    font-size: 1.45rem;
    line-height: 1.1;
    background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.warning-box-compact[b-voeqqcw5eb] {
    flex: 1;
    max-width: 600px;
    padding: 5px 12px;
    background: rgba(255, 193, 7, 0.04);
    border-left: 3px solid #ffc107;
    border-radius: 4px;
    text-align: left;
}

.tiny-text[b-voeqqcw5eb] {
    font-size: 0.82rem;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.85);
    display: block;
}

.x-small-text[b-voeqqcw5eb] {
    font-size: 0.75rem;
}

.info-footer[b-voeqqcw5eb] {
    font-size: 0.7rem;
    opacity: 0.7;
}

/* Адаптивность */
@media (max-width: 768px) {
    .download-title-compact[b-voeqqcw5eb] {
        font-size: 1.2rem;
    }

    .warning-box-compact[b-voeqqcw5eb] {
        max-width: 100%;
        margin-left: 0 !important;
        border-left: none;
        border-top: 2px solid #ffc107;
        padding-top: 8px;
    }
}
/* /Components/Identity/AuthAltNav.razor.rz.scp.css */
.auth-alt-nav[b-1j9z2e8ad1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.auth-alt-nav.single[b-1j9z2e8ad1] {
    grid-template-columns: 1fr;
}

.auth-alt-link[b-1j9z2e8ad1] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.55rem 0.7rem;
    border-radius: var(--border-radius);
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.25;
    text-decoration: none;
    transition: filter 140ms ease-out;
}

.auth-alt-link:focus[b-1j9z2e8ad1],
.auth-alt-link:focus-visible[b-1j9z2e8ad1] {
    box-shadow: none;
    outline: none;
    filter: brightness(1.08);
}

.auth-alt-register[b-1j9z2e8ad1],
.auth-alt-register:link[b-1j9z2e8ad1],
.auth-alt-register:visited[b-1j9z2e8ad1] {
    color: #f8fafc;
    text-shadow: 0 1px 1px rgba(15, 23, 42, 0.22);
    background: linear-gradient(180deg, #14b8a6 0%, #0f766e 100%);
    animation: auth-alt-register-glow-b-1j9z2e8ad1 3.6s ease-in-out infinite;
}

.auth-alt-register:hover[b-1j9z2e8ad1] {
    color: #f8fafc;
    filter: brightness(1.05);
}

.auth-alt-reset[b-1j9z2e8ad1],
.auth-alt-reset:link[b-1j9z2e8ad1],
.auth-alt-reset:visited[b-1j9z2e8ad1] {
    color: #1c1204;
    background: linear-gradient(180deg, #fbbf24 0%, #d97706 100%);
    animation: auth-alt-reset-glow-b-1j9z2e8ad1 3.4s ease-in-out infinite;
}

.auth-alt-reset:hover[b-1j9z2e8ad1] {
    color: #1c1204;
    filter: brightness(1.05);
}

.auth-alt-login[b-1j9z2e8ad1],
.auth-alt-login:link[b-1j9z2e8ad1],
.auth-alt-login:visited[b-1j9z2e8ad1] {
    color: #0b1220;
    background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%);
    animation: auth-alt-login-glow-b-1j9z2e8ad1 3.2s ease-in-out infinite;
}

.auth-alt-login:hover[b-1j9z2e8ad1] {
    color: #0b1220;
    filter: brightness(1.05);
}

@keyframes auth-alt-register-glow-b-1j9z2e8ad1 {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(20, 184, 166, 0.2)); }
    50% { filter: drop-shadow(0 0 8px rgba(20, 184, 166, 0.3)); }
}

@keyframes auth-alt-reset-glow-b-1j9z2e8ad1 {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.18)); }
    50% { filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.28)); }
}

@keyframes auth-alt-login-glow-b-1j9z2e8ad1 {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(14, 165, 233, 0.2)); }
    50% { filter: drop-shadow(0 0 8px rgba(14, 165, 233, 0.3)); }
}

@media (prefers-reduced-motion: reduce) {
    .auth-alt-register[b-1j9z2e8ad1],
    .auth-alt-reset[b-1j9z2e8ad1],
    .auth-alt-login[b-1j9z2e8ad1] {
        animation: none;
    }
}
/* /Components/Identity/AuthPageShell.razor.rz.scp.css */
.auth-page-header.has-actions[b-3tnno5v2oc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.5rem;
}

.auth-page-header.has-actions .auth-page-title[b-3tnno5v2oc] {
    grid-column: 2;
}

.auth-page-header-actions[b-3tnno5v2oc] {
    grid-column: 3;
    justify-self: end;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .auth-page-header.has-actions[b-3tnno5v2oc] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        row-gap: 0.35rem;
    }

    .auth-page-header.has-actions .auth-page-title[b-3tnno5v2oc] {
        flex: 1 0 100%;
    }

    .auth-page-header-actions[b-3tnno5v2oc] {
        justify-self: unset;
    }
}

.auth-page.card:hover[b-3tnno5v2oc] {
    box-shadow: var(--shadow-sm);
    border-color: var(--zealous-border) !important;
}

.auth-page :is(.form-control, input, textarea, .btn, button):focus[b-3tnno5v2oc],
.auth-page :is(.form-control, input, textarea, .btn, button):focus-visible[b-3tnno5v2oc],
.auth-page :is(.form-control, input, textarea, .btn, button):active[b-3tnno5v2oc] {
    box-shadow: none !important;
}

.auth-page :is(.form-control, input:not([type="checkbox"]), textarea):focus[b-3tnno5v2oc] {
    border-color: var(--zealous-blue) !important;
}

.auth-page :is(.form-control, input):-webkit-autofill[b-3tnno5v2oc],
.auth-page :is(.form-control, input):-webkit-autofill:hover[b-3tnno5v2oc],
.auth-page :is(.form-control, input):-webkit-autofill:focus[b-3tnno5v2oc] {
    -webkit-text-fill-color: var(--zealous-text) !important;
    caret-color: var(--zealous-text);
    box-shadow: 0 0 0 1000px rgb(36, 52, 76) inset !important;
    -webkit-box-shadow: 0 0 0 1000px rgb(36, 52, 76) inset !important;
}
/* /Components/Identity/AuthSubmitButton.razor.rz.scp.css */
.auth-submit[b-hrm95eq80u] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.7rem 1rem;
    border: none;
    border-radius: var(--border-radius);
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: filter 140ms ease-out, opacity 140ms ease-out;
}

.auth-submit > *[b-hrm95eq80u] {
    position: relative;
    z-index: 1;
}

.auth-submit-login.is-ready[b-hrm95eq80u] {
    color: #0b1220;
    background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%);
    animation: auth-submit-login-glow-b-hrm95eq80u 3.2s ease-in-out infinite;
}

.auth-submit-register.is-ready[b-hrm95eq80u] {
    color: #f8fafc;
    text-shadow: 0 1px 1px rgba(15, 23, 42, 0.22);
    background: linear-gradient(180deg, #14b8a6 0%, #0f766e 100%);
    animation: auth-submit-register-glow-b-hrm95eq80u 3.6s ease-in-out infinite;
}

.auth-submit-reset.is-ready[b-hrm95eq80u] {
    color: #1c1204;
    background: linear-gradient(180deg, #fbbf24 0%, #d97706 100%);
    animation: auth-submit-reset-glow-b-hrm95eq80u 3.4s ease-in-out infinite;
}

.auth-submit-confirm.is-ready[b-hrm95eq80u] {
    color: #052e16;
    background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
    animation: auth-submit-confirm-glow-b-hrm95eq80u 3.4s ease-in-out infinite;
}

.auth-submit-quiet[b-hrm95eq80u] {
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
}

.auth-submit-quiet.auth-submit-login.is-ready[b-hrm95eq80u] {
    color: #7dd3fc;
    background: color-mix(in srgb, var(--zealous-card) 78%, #0369a1);
    animation: none;
}

.auth-submit-quiet.auth-submit-register.is-ready[b-hrm95eq80u] {
    color: #5eead4;
    background: color-mix(in srgb, var(--zealous-card) 78%, #0f766e);
    animation: none;
}

.auth-submit-quiet.auth-submit-reset.is-ready[b-hrm95eq80u] {
    color: #fbbf24;
    background: color-mix(in srgb, var(--zealous-card) 78%, #92400e);
    animation: none;
}

.auth-submit-quiet.auth-submit-confirm.is-ready[b-hrm95eq80u] {
    color: #86efac;
    background: color-mix(in srgb, var(--zealous-card) 78%, #166534);
    animation: none;
}

.auth-submit.is-ready:hover[b-hrm95eq80u] {
    filter: brightness(1.05);
}

.auth-submit.is-off[b-hrm95eq80u],
.auth-submit:disabled[b-hrm95eq80u] {
    cursor: not-allowed;
    opacity: 0.42;
    filter: saturate(0.35);
    animation: none;
    color: var(--zealous-muted);
    background: color-mix(in srgb, var(--zealous-card) 82%, var(--zealous-border));
    text-shadow: none;
}

.auth-submit.is-off:hover[b-hrm95eq80u],
.auth-submit:disabled:hover[b-hrm95eq80u] {
    filter: saturate(0.35);
}

@keyframes auth-submit-login-glow-b-hrm95eq80u {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(14, 165, 233, 0.22)); }
    50% { filter: drop-shadow(0 0 9px rgba(14, 165, 233, 0.32)); }
}

@keyframes auth-submit-register-glow-b-hrm95eq80u {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(20, 184, 166, 0.22)); }
    50% { filter: drop-shadow(0 0 9px rgba(20, 184, 166, 0.32)); }
}

@keyframes auth-submit-reset-glow-b-hrm95eq80u {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(245, 158, 11, 0.2)); }
    50% { filter: drop-shadow(0 0 9px rgba(245, 158, 11, 0.3)); }
}

@keyframes auth-submit-confirm-glow-b-hrm95eq80u {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(22, 163, 74, 0.22)); }
    50% { filter: drop-shadow(0 0 9px rgba(22, 163, 74, 0.32)); }
}

@media (prefers-reduced-motion: reduce) {
    .auth-submit.is-ready[b-hrm95eq80u] {
        animation: none;
    }
}
/* /Components/Identity/AutofillMark.razor.rz.scp.css */
.autofill-mark[b-azgtr3veue] {
    display: none;
    position: absolute;
    top: 0.35rem;
    right: 0.4rem;
    z-index: 3;
    color: var(--zealous-blue);
    font-size: 0.9rem;
    line-height: 1;
    cursor: help;
    pointer-events: auto;
}
/* /Components/Identity/LoginIdentityHint.razor.rz.scp.css */
.login-identity-hint[b-5s49xt7t12] {
    border: 1px solid var(--zealous-border);
    border-left: 4px solid var(--zealous-blue);
    border-radius: var(--border-radius);
    background: var(--zealous-card);
    padding: 0.75rem 0.8rem 0.85rem;
}

.login-identity-kicker[b-5s49xt7t12] {
    color: var(--warning);
    font-size: 0.78rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.login-identity-title[b-5s49xt7t12] {
    color: var(--zealous-text);
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.65rem;
}

.login-identity-scheme[b-5s49xt7t12] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
    margin-bottom: 0.7rem;
}

.login-identity-item[b-5s49xt7t12] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--zealous-border);
    border-radius: 0.4rem;
    background: var(--zealous-bg);
}

.login-identity-kind[b-5s49xt7t12] {
    flex: 0 0 auto;
    width: fit-content;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--zealous-muted);
}

.login-identity-sample[b-5s49xt7t12] {
    display: inline-block;
    flex: 0 0 auto;
    width: fit-content;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 0.92rem;
    line-height: 1.25;
    padding: 0.2rem 0.4rem;
    border: 1px solid var(--zealous-border);
    border-radius: 0.3rem;
    color: var(--zealous-text);
    white-space: nowrap;
}

.login-identity-role[b-5s49xt7t12] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--zealous-muted);
}

.login-identity-item.is-off[b-5s49xt7t12] {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 12%, var(--zealous-bg));
}

.login-identity-item.is-off .login-identity-sample[b-5s49xt7t12] {
    border-color: var(--danger);
    color: var(--zealous-muted);
    text-decoration: line-through;
}

.login-identity-item.is-on[b-5s49xt7t12] {
    border-color: var(--zealous-blue);
}

.login-identity-item.is-on .login-identity-sample[b-5s49xt7t12] {
    border-color: var(--zealous-blue);
    color: var(--zealous-blue);
}

.login-identity-lead[b-5s49xt7t12] {
    margin: 0 0 0.55rem;
    color: var(--zealous-text);
    font-size: 0.85rem;
    line-height: 1.35;
}

.login-identity-lead a[b-5s49xt7t12] {
    color: var(--zealous-blue);
    text-decoration: none;
}

.login-identity-lead a:hover[b-5s49xt7t12] {
    text-decoration: underline;
}

.login-identity-methods[b-5s49xt7t12] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
}

.login-identity-method[b-5s49xt7t12] {
    border: 1px solid var(--zealous-border);
    background: transparent;
    color: var(--zealous-muted);
    border-radius: var(--border-radius);
    padding: 0.35rem 0.4rem;
    font-size: 0.8rem;
    line-height: 1.2;
}

.login-identity-method:hover[b-5s49xt7t12] {
    border-color: var(--zealous-blue);
    color: var(--zealous-text);
    background: rgba(96, 165, 250, 0.08);
}

.login-identity-method:focus[b-5s49xt7t12],
.login-identity-method:focus-visible[b-5s49xt7t12] {
    box-shadow: none;
    outline: none;
    border-color: var(--zealous-blue);
}

@media (max-width: 576px) {
    .login-identity-methods[b-5s49xt7t12] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Identity/SettingDisclosure.razor.rz.scp.css */
.setting-disclosure[b-dc7y3499r0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 2.5rem;
    gap: 1rem;
    margin: 0 -0.4rem;
    padding: 0.25rem 0.4rem;
    border-radius: 0.5rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.setting-disclosure-title[b-dc7y3499r0] {
    color: var(--zealous-text);
}

.setting-disclosure-chevron[b-dc7y3499r0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--zealous-muted);
    transform-origin: 50% 50%;
    transition: transform 140ms ease-out, color 140ms ease-out;
}

.setting-disclosure-chevron .bi[b-dc7y3499r0] {
    font-size: 1.5rem;
    line-height: 1;
}

.setting-disclosure.is-open .setting-disclosure-chevron[b-dc7y3499r0] {
    transform: rotate(180deg);
    color: var(--zealous-blue);
}

@media (hover: hover) {
    .setting-disclosure:hover[b-dc7y3499r0] {
        background: color-mix(in srgb, var(--zealous-text) 6%, transparent);
    }

    .setting-disclosure:hover .setting-disclosure-chevron[b-dc7y3499r0] {
        color: var(--zealous-text);
    }

    .setting-disclosure.is-open:hover .setting-disclosure-chevron[b-dc7y3499r0] {
        color: var(--zealous-blue);
    }
}

.setting-disclosure:focus-visible[b-dc7y3499r0] {
    outline: 2px solid var(--zealous-blue);
    outline-offset: 2px;
    border-radius: 0.35rem;
}
/* /Components/Menu/DebugInfo.razor.rz.scp.css */
.debug-panel-dark[b-fqa0u9xj34] {
    background-color: #1e1e1e; /* Темнее стандартного bg-dark для контраста */
    border-color: #ff4444 !important; /* Ярко-красная граница как акцент */
    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.25);
    transition: all 0.3s ease;
}

    .debug-panel-dark:hover[b-fqa0u9xj34] {
        box-shadow: 0 8px 20px rgba(255, 68, 68, 0.35);
        transform: translateY(-2px);
    }

    .debug-panel-dark h5.text-danger[b-fqa0u9xj34] {
        color: #ff6b6b !important; /* Мягче, чем чистый red, лучше на тёмном */
        text-shadow: 0 0 8px rgba(255, 107, 107, 0.4);
    }

    .debug-panel-dark .text-light-emphasis[b-fqa0u9xj34] {
        color: #adb5bd !important;
    }

    .debug-panel-dark .text-info[b-fqa0u9xj34] {
        color: #74c0fc !important;
    }

    /* Кнопки с outline для лучшей читаемости */
    .debug-panel-dark .btn-outline-danger[b-fqa0u9xj34] {
        border-color: #ff6b6b;
        color: #ff6b6b;
    }

        .debug-panel-dark .btn-outline-danger:hover[b-fqa0u9xj34] {
            background-color: #ff4444;
            border-color: #ff4444;
            color: #fff;
        }

    .debug-panel-dark .btn-outline-success[b-fqa0u9xj34] {
        border-color: #51cf66;
        color: #51cf66;
    }

        .debug-panel-dark .btn-outline-success:hover[b-fqa0u9xj34] {
            background-color: #40c057;
            border-color: #40c057;
            color: #fff;
        }

/* Адаптивность на мобильных */
@media (max-width: 576px) {
    .debug-panel-dark[b-fqa0u9xj34] {
        font-size: 0.875rem;
    }
}
/* /Components/Menu/RightMenu.razor.rz.scp.css */
.custom-engine-card[b-jsfwfw8omv] {
    cursor: pointer;
    /* Яркий линейный градиент: от темно-серого к почти черному */
    background: linear-gradient(145deg, #353d3d 0%, #1b1b1b 50%, #111111 100%);
    /* Рамка с градиентом (через прозрачность) */
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 20px 35px !important;
    transition: all 0.4s ease;
    /* Тень: внешнее свечение и глубокая тень под кнопкой */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.1);
    text-align: center;
}

    /* Эффект при наведении */
    .custom-engine-card:hover[b-jsfwfw8omv] {
        /* Меняем направление или цвета градиента для эффекта "оживления" */
        background: linear-gradient(145deg, #324344 0%, #252525 50%, #1a1a1a 100%);
        transform: translateY(-4px);
        /* Усиливаем тень и добавляем легкое синее или белое свечение */
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 10px rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.3);
    }

    /* Смещение при нажатии */
    .custom-engine-card:active[b-jsfwfw8omv] {
        transform: translateY(-1px);
        background: linear-gradient(145deg, #222, #111);
    }

.info-glass-card[b-jsfwfw8omv] {
    /* Серый градиент «металлик» */
    background: linear-gradient(145deg, #3d4246, #2a2e32);
    color: #e0e0e0;
    /* Двойная тень для объема (свет сверху, темная тень снизу) */
    box-shadow: 6px 6px 12px #1e2124, -2px -2px 8px rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease-in-out;
    position: relative;
}

    /* Эффект при наведении — блок как будто подсвечивается изнутри */
    .info-glass-card:hover[b-jsfwfw8omv] {
        transform: translateY(-2px);
        background: linear-gradient(145deg, #444a4f, #2d3236);
        box-shadow: 8px 8px 16px #1a1c1f, -2px -2px 10px rgba(255, 255, 255, 0.08);
    }

/* Разделительная линия */
.separator[b-jsfwfw8omv] {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.2), rgba(255,255,255,0));
    margin: 10px 0;
}

/* Стилизация внутренних элементов */
.label[b-jsfwfw8omv] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a0a0a0;
}

.time-text[b-jsfwfw8omv] {
    font-family: 'Courier New', Courier, monospace; /* Технический стиль для времени */
    color: #00ffcc; /* Акцентный цвет (бирюзовый) для динамических данных */
    text-shadow: 0 0 5px rgba(0, 255, 204, 0.3);
}

.text-muted-custom[b-jsfwfw8omv] {
    color: #b0b0b0;
    font-size: 0.9rem;
}

.highlight-text[b-jsfwfw8omv] {
    color: #ffffff;
    font-size: 1.1rem;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Контейнер для соцсетей */
.social-pills[b-jsfwfw8omv] {
    background: linear-gradient(145deg, #2a2d31, #222529);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    border-radius: 12px;
}

/* Общий стиль для каждой ссылки-иконки */
.social-link[b-jsfwfw8omv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

    /* SVG внутри иконок (настройка размера) */
    .social-link svg[b-jsfwfw8omv],
    .social-link img[b-jsfwfw8omv] {
        width: 24px;
        height: 24px;
        filter: grayscale(0.5) opacity(0.8); /* Делаем их чуть спокойнее по умолчанию */
        transition: all 0.3s ease;
    }

    /* Эффект при наведении на иконку */
    .social-link:hover[b-jsfwfw8omv] {
        transform: translateY(-3px);
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.2);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

        .social-link:hover svg[b-jsfwfw8omv],
        .social-link:hover img[b-jsfwfw8omv] {
            filter: grayscale(0) opacity(1); /* Возвращаем цвета при наведении */
            transform: scale(1.1);
        }

    /* Индивидуальные цвета свечения при наведении (опционально) */
    .social-link.yt:hover[b-jsfwfw8omv] {
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.2);
    }

    .social-link.vk:hover[b-jsfwfw8omv] {
        box-shadow: 0 0 15px rgba(76, 117, 163, 0.2);
    }

    .social-link.tg:hover[b-jsfwfw8omv] {
        box-shadow: 0 0 15px rgba(0, 136, 204, 0.2);
    }

    .social-link.ds:hover[b-jsfwfw8omv] {
        box-shadow: 0 0 15px rgba(114, 137, 218, 0.2);
    }

    /* Эффект нажатия */
    .social-link:active[b-jsfwfw8omv] {
        transform: scale(0.95);
        background: rgba(0, 0, 0, 0.2);
    }
/* /Components/Menu/SystemButtons.razor.rz.scp.css */
/* ============================================================
   РОДИТЕЛЬСКИЙ КОНТЕЙНЕР (ПАНЕЛЬ)
   ============================================================ */

.system-navigation-bar[b-oyx4dibrqa] {
    width: 100%;
    /* Эффект стекла: полупрозрачный фон с размытием */
    background: var(--zealous-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--zealous-border);
    padding: 4px 8px;
}

.SystemButtons[b-oyx4dibrqa] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap; 
    gap: 8px; /* Современный способ задания отступов между элементами */
    width: 100%;
    transition: var(--transition);
}

    /* Стили для вложенных d-flex (внутри компонентов) */
    .SystemButtons > div[b-oyx4dibrqa] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
    }

/* Разделитель между системными и социальными кнопками */
.social-divider[b-oyx4dibrqa] {
    width: 1px;
    height: 24px;
    background: var(--zealous-border);
    margin: 0 10px;
    opacity: 0.5;
}

/* Улучшение нижней линии */
.SystemButtons[b-oyx4dibrqa] {
    border-bottom: none; /* Переносим границу на .system-navigation-bar для чистоты */
}

/* Декоративный эффект: тонкая светящаяся полоса под всей панелью */
.system-navigation-bar[b-oyx4dibrqa]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--zealous-blue) 50%, transparent 100%);
    opacity: 0.3;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 1000px) {
    .SystemButtons[b-oyx4dibrqa] {
        justify-content: center; /* На мобилках центрируем кнопки */
        gap: 6px; /* На совсем маленьких экранах можно прижать к краям */
        justify-content: space-evenly;
    }

    .social-divider[b-oyx4dibrqa] {
        display: none; /* Убираем разделитель на малых экранах */
    }
}
/* /Components/Menu/TopMenu.razor.rz.scp.css */
.btn-zealous-launch[b-ghf7q6leyn] {
    /* Используем ваши переменные */
    background-color: var(--zealous-bg);
    color: var(--zealous-text);
    border: 1px solid var(--zealous-border) !important;
    border-radius: var(--border-radius);
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    transition: var(--transition);
    z-index: 1;
}

    .btn-zealous-launch:hover[b-ghf7q6leyn] {
        color: #fff;
        border-color: var(--info) !important;
        transform: translateY(-2px);
        box-shadow: 0 0 15px rgba(13, 202, 240, 0.4);
    }

    /* Эффект блика слева направо при наведении */
    .btn-zealous-launch[b-ghf7q6leyn]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.2), transparent );
        transition: 0.5s;
        z-index: -1;
    }

    .btn-zealous-launch:hover[b-ghf7q6leyn]::before {
        left: 100%;
    }

    /* Активное состояние (клик) */
    .btn-zealous-launch:active[b-ghf7q6leyn] {
        transform: translateY(0);
        filter: brightness(1.2);
    }

/* ============================================================
   1. АНИМАЦИИ
   ============================================================ */

@keyframes blueGlowPulse-b-ghf7q6leyn {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(13, 202, 240, 0.3));
    }

    50% {
        filter: drop-shadow(0 0 18px rgba(13, 202, 240, 0.6));
    }
}

/* ============================================================
   2. КОНТЕЙНЕР ЛОГОТИПА (SVG)
   ============================================================ */

.logo-wrapper[b-ghf7q6leyn] {
    /* Ограничиваем только ширину */
    width: 75px;
    min-width: 50px; /* Чтобы не схлопнулся совсем на мобилках */
    /* Сохраняем пропорции содержимого */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

    /* Настройка самого SVG внутри воппера */
    .logo-wrapper svg[b-ghf7q6leyn],
    .logo-wrapper img[b-ghf7q6leyn] {
        width: 100%;
        height: auto; /* Важно для сохранения пропорций при ограничении ширины */
        display: block;
    }

.main-logo-link:hover .logo-wrapper[b-ghf7q6leyn] {
    transform: scale(1.1) rotate(-2deg) translateY(5%);
    filter: drop-shadow(0 0 15px var(--info));
}

/* ============================================================
   3. ТЕКСТ И АДАПТИВНОСТЬ
   ============================================================ */

.main-logo-link[b-ghf7q6leyn] {
    text-decoration: none !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    overflow: visible;
    transition: var(--transition);
}

.logo-text-container[b-ghf7q6leyn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 12px; /* Чуть увеличил отступ для баланса с шириной */
}

.logo-brand-name[b-ghf7q6leyn] {
    /* Адаптивный шрифт */
    font-size: clamp(1.8rem, 5vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 0.9; /* Плотно прижимаем строку */
    display: inline-block;
    /* filter/drop-shadow клипает по border-box — нужен запас под descender */
    padding-bottom: 0.25em;
    margin-bottom: -0.25em; /* компенсируем padding, позиция без сдвига */
    overflow: visible;
    white-space: nowrap;
    /* Градиент и свечение */
    background: linear-gradient(90deg, var(--zealous-blue), var(--info));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: blueGlowPulse-b-ghf7q6leyn 4s infinite ease-in-out;
    transition: var(--transition);
}

.main-logo-link:hover .logo-brand-name[b-ghf7q6leyn] {
    filter: drop-shadow(0 0 25px var(--info)) brightness(1.2);
}

.logo-version-tag[b-ghf7q6leyn] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--zealous-muted);
    opacity: 0.5;
    margin-top: 5px;
    transition: var(--transition);
}

.main-logo-link:hover .logo-version-tag[b-ghf7q6leyn] {
    opacity: 1;
    color: var(--info);
    transform: translateX(5px);
}

/* ============================================================
   4. АДАПТИВНОСТЬ ПОД ШИРИНУ
   ============================================================ */

@media (max-width: 768px) {
    .logo-wrapper[b-ghf7q6leyn] {
        width: 60px; /* Уменьшаем ширину на планшетах */
    }
}

@media (max-width: 480px) {
    .logo-wrapper[b-ghf7q6leyn] {
        width: 45px; /* Совсем компактно на телефонах */
    }

    .logo-text-container[b-ghf7q6leyn] {
        padding-left: 8px;
    }
}
/* /Components/MiniNews.razor.rz.scp.css */
/* Внешний блок со скруглением */
.news-wrapper[b-oz5raww0o1] {
    background: linear-gradient(145deg, #2d3135, #1e2124);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    overflow: hidden; /* Чтобы содержимое не вылезало за скругления */
    border-radius: 12px;
}

/* Компактный большой заголовок */
.news-panel-header[b-oz5raww0o1] {
    display: flex;
    align-items: baseline; /* Текст и цифра на одной линии */
    gap: 10px;
}

.header-title[b-oz5raww0o1] {
    font-size: 1.5rem; /* Оптимально большой размер */
    font-weight: 800;
    color: #f8f9fa;
    margin: 0;
    line-height: 1;
}

.news-badge-mini[b-oz5raww0o1] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 600;
}

/* Элементы списка — максимально сжатые */
.news-item[b-oz5raww0o1] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px; /* Чуть меньше скругление для внутренних элементов */
    padding: 8px 12px;
    margin-bottom: 4px; /* Минимальный зазор между новостями */
    border: 1px solid rgba(255, 255, 255, 0.02);
    transition: transform 0.2s ease, background 0.2s ease;
}

    .news-item:hover[b-oz5raww0o1] {
        background: rgba(255, 255, 255, 0.06);
        transform: translateX(3px);
    }

.news-meta[b-oz5raww0o1] {
    font-size: 0.9rem;
    color: #808a93;
    display: flex;
    align-items: center;
    gap: 4px;
}

.news-content[b-oz5raww0o1] {
    color: #d1d1d1;
    font-size: 1rem;
    line-height: 1.3;
    word-wrap: break-word;
}

/* Тонкий скроллбар, чтобы не занимал место */
.news-scroll-area[b-oz5raww0o1]::-webkit-scrollbar {
    width: 3px;
}

.news-scroll-area[b-oz5raww0o1]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
/* /Components/Misc/JustSubscribe.razor.rz.scp.css */
.subscribe-box[b-k3cf8yie00] {
    background: linear-gradient(135deg, var(--zealous-card) 0%, var(--zealous-bg) 100%);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    transition: var(--transition);
    box-shadow: var(--shadow-lg);
}

    .subscribe-box:hover[b-k3cf8yie00] {
        transform: translateY(-4px);
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
    }

    /* Поля ввода */
    .subscribe-box .form-control[b-k3cf8yie00] {
        background-color: rgba(255, 255, 255, 0.06);
        border: 1px solid var(--zealous-border);
        color: var(--zealous-text);
        font-size: 1.1rem;
    }

        .subscribe-box .form-control:focus[b-k3cf8yie00] {
            border-color: var(--primary);
            box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
            background-color: rgba(255, 255, 255, 0.08);
        }

    /* Кнопка */
    .subscribe-box .btn-primary[b-k3cf8yie00] {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        border: none;
        font-weight: 600;
        min-width: 180px;
    }

        .subscribe-box .btn-primary:hover[b-k3cf8yie00] {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(var(--primary-rgb), 0.4);
        }

/* На мобильных — ещё компактнее */
@media (max-width: 576px) {
    .subscribe-box[b-k3cf8yie00] {
        padding: 1.25rem 1rem !important;
        margin: 0 -0.5rem !important;
        border-radius: 0;
        box-shadow: none;
    }

        .subscribe-box .btn-lg[b-k3cf8yie00] {
            padding: 0.75rem 1.25rem;
            font-size: 1rem;
        }
}
/* /Components/Notes/PrivateNoteCard.razor.rz.scp.css */
.note-text-preview[b-9ypbzo5lfq] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.5;
    max-height: 6em;
    min-width: 0;
}

.note-item .note-delete-btn[b-9ypbzo5lfq] {
    opacity: 0.4;
}

.note-item:hover .note-delete-btn[b-9ypbzo5lfq],
.note-item:focus-within .note-delete-btn[b-9ypbzo5lfq] {
    opacity: 1;
}

.note-item.editing-frame[b-9ypbzo5lfq] {
    border: 2px solid var(--zealous-accent) !important;
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--zealous-accent) 40%, transparent),
                0 8px 22px var(--zealous-accent-bg);
}

.note-item.note-saving[b-9ypbzo5lfq] {
    overflow: hidden;
    cursor: wait;
}
/* /Components/Notes/PrivateNoteCompact.razor.rz.scp.css */
.note-text-preview[b-uij7p0qvvl] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.45;
    max-height: 2.9em;
    min-width: 0;
    opacity: 0.7;
    font-size: 0.9em;
}

.note-item .note-delete-btn[b-uij7p0qvvl] {
    opacity: 0.4;
}

.note-item:hover .note-delete-btn[b-uij7p0qvvl],
.note-item:focus-within .note-delete-btn[b-uij7p0qvvl] {
    opacity: 1;
}

.note-item.editing-frame[b-uij7p0qvvl] {
    border: 2px solid var(--zealous-accent) !important;
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--zealous-accent) 40%, transparent),
                0 8px 22px var(--zealous-accent-bg);
}

.note-item.note-saving[b-uij7p0qvvl] {
    overflow: hidden;
    cursor: wait;
}
/* /Components/Notes/PrivateNoteComponent.razor.rz.scp.css */
.note-text-preview[b-yib9sf9mlb] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.5;
    max-height: 4.5em;
    min-width: 0;
}

.note-name-cell[b-yib9sf9mlb] {
    word-break: break-word;
    overflow: hidden;
}

.note-text-cell[b-yib9sf9mlb] {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.note-actions-cell[b-yib9sf9mlb] {
    white-space: nowrap;
    overflow: hidden;
}

.editing-frame[b-yib9sf9mlb] {
    border: 2px solid var(--zealous-accent);
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--zealous-accent) 40%, transparent),
                0 8px 22px var(--zealous-accent-bg);
}

.note-item .note-edit-hint[b-yib9sf9mlb],
.note-item .note-delete-btn[b-yib9sf9mlb] {
    opacity: 0.4;
}

.note-item:hover .note-edit-hint[b-yib9sf9mlb],
.note-item:hover .note-delete-btn[b-yib9sf9mlb],
.note-item:focus-within .note-edit-hint[b-yib9sf9mlb],
.note-item:focus-within .note-delete-btn[b-yib9sf9mlb] {
    opacity: 1;
}

tr.note-saving[b-yib9sf9mlb] {
    cursor: wait;
}

tr.note-saving > td[b-yib9sf9mlb] {
    opacity: 0.55;
    pointer-events: none;
}

tr.note-saving > td.note-text-cell[b-yib9sf9mlb] {
    opacity: 1;
    pointer-events: auto;
}
/* /Components/Notes/PrivateNoteEditor.razor.rz.scp.css */
.note-editor-text[b-sywcuzvaer] {
    min-height: 4.5rem;
    max-height: 10rem;
    resize: vertical;
}
/* /Components/Notes/PrivateNoteSavingOverlay.razor.rz.scp.css */
.note-saving-overlay[b-82b3bd6yb3] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--zealous-bg, #111) 70%, transparent);
    color: var(--zealous-text, #fff);
    pointer-events: auto;
    border-radius: inherit;
}

.note-saving-overlay > span[b-82b3bd6yb3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/* /Components/Notes/ZealousNoteEdit.razor.rz.scp.css */
/* Анимация входа для режима редактирования */
tr.animate__fadeIn[b-hnj1gpchry] {
    animation: fadeIn-b-hnj1gpchry 0.3s ease-in-out !important;
}

@keyframes fadeIn-b-hnj1gpchry {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Стили для поля ввода "Название заметки" */
.form-control.border-turquoise[b-hnj1gpchry] {
    border-color: #26a69a !important; /* Бирюзовая рамка */
    background-color: #e0f7f5 !important; /* Светло-бирюзовый фон */
    color: #37474f !important; /* Тёмно-серый текст для контрастности */
    font-weight: 600 !important; /* Жирный шрифт для усиления контраста */
}

/* Увеличение поля ввода "Название заметки" */
.form-control-lg.border-turquoise[b-hnj1gpchry] {
    padding: 0.75rem 1.25rem !important; /* Увеличенные отступы */
    font-size: 1.5rem !important; /* Увеличенный шрифт для текста в input */
    line-height: 1.5 !important; /* Улучшенная читаемость */
}

/* Тёмный текст для кнопки "Расшифровать" */
.btn-outline-info.text-dark[b-hnj1gpchry] {
    color: #212529 !important; /* Чёрный текст */
}

/* Улучшение input-group для поля пароля */
.input-group .btn[b-hnj1gpchry] {
    border-left: none !important; /* Убирает двойную границу */
}

.input-group .form-control:focus + .btn[b-hnj1gpchry],
.input-group .form-control:active + .btn[b-hnj1gpchry] {
    border-color: #0d6efd !important; /* Синяя рамка при фокусе */
}

/* Синяя рамка и фон для заголовка */
.border-primary.border-4[b-hnj1gpchry] {
    border-color: #0d6efd !important; /* Синяя рамка контейнера */
}

.bg-light[b-hnj1gpchry] {
    background-color: #f8f9fa !important; /* Светлый фон для заголовка */
}

/* Кастомизация размера текста для заголовков */
.fs-3[b-hnj1gpchry] {
    font-size: 1.5rem !important;
}
/* /Components/ServerStatus.razor.rz.scp.css */
.custom-status-panel[b-vvqcda1hbc] {
    background: linear-gradient(145deg, #25282c, #1a1c1f);
    border: 1px solid rgba(255, 255, 255, 0.05);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #a0a0a0;
}

.status-row[b-vvqcda1hbc] {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
    margin-bottom: 2px;
}

/* Стили светодиодов */
.dot[b-vvqcda1hbc] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

    .dot.online[b-vvqcda1hbc] {
        background-color: #2ecc71;
        box-shadow: 0 0 6px rgba(46, 204, 113, 0.6);
    }

    .dot.offline[b-vvqcda1hbc] {
        background-color: #e74c3c;
        box-shadow: 0 0 6px rgba(231, 76, 60, 0.4);
    }

/* Текстовые значения */
.status-label[b-vvqcda1hbc] {
    white-space: nowrap;
}

.status-value[b-vvqcda1hbc] {
    color: #e0e0e0;
    font-weight: bold;
}

/* Правая часть с версией */
.info-group[b-vvqcda1hbc] {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.version-badge[b-vvqcda1hbc] {
    background: rgba(255, 255, 255, 0.05);
    padding: 1px 6px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.update-text[b-vvqcda1hbc] {
    font-size: 12px;
    color: #8e8e8e;
}

/* Адаптивность без изменения размеров */
@media (max-width: 500px) {
    .custom-status-panel[b-vvqcda1hbc] {
        padding: 4px !important;
    }
}
/* /Components/Social/Messaging/SendMessageComponent.razor.rz.scp.css */
.composer-draft-button[b-t3ond9nkkd] {
    width: 2.5rem;
    flex: 0 0 2.5rem;
}
/* /Components/Social/Messaging/SocialChatComponent.razor.rz.scp.css */
.draft-toolbar-button[b-ak32tbgpae],
.draft-action-button[b-ak32tbgpae] {
    width: 2.25rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.draft-toolbar-button[b-ak32tbgpae] {
    width: 2.5rem;
}

.draft-count-badge[b-ak32tbgpae] {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    min-width: 1rem;
    padding: 0 0.2rem;
    border: 1px solid var(--bs-body-bg);
    border-radius: 999px;
    background: var(--bs-info);
    color: var(--bs-dark);
    font-size: 0.7rem;
    line-height: 1rem;
}

.draft-group[b-ak32tbgpae] {
    margin-top: 0.75rem;
    padding: 0.35rem 0 0.35rem 0.65rem;
    border-left: 3px solid;
}

.draft-group-common[b-ak32tbgpae] {
    border-left-color: var(--bs-info);
    background-color: rgb(var(--bs-info-rgb) / 0.06);
}

.draft-group-dialog[b-ak32tbgpae] {
    border-left-color: var(--bs-success);
    background-color: rgb(var(--bs-success-rgb) / 0.06);
}

.draft-group-heading[b-ak32tbgpae] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
}

.draft-group-common .draft-group-heading[b-ak32tbgpae] {
    color: var(--bs-info);
}

.draft-group-dialog .draft-group-heading[b-ak32tbgpae] {
    color: var(--bs-success);
}

.draft-group-count[b-ak32tbgpae] {
    min-width: 1.25rem;
    padding: 0 0.35rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-align: center;
}
/* /Pages/Credits/AdditionalPayment.razor.rz.scp.css */
.page-wrapper[b-s99j0od5sg] {
    background-color: var(--zealous-bg);
}

.break-all[b-s99j0od5sg] {
    word-break: break-all;
}

code[b-s99j0od5sg] {
    background: rgba(13, 202, 240, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--zealous-border);
}

.list-group-item:hover[b-s99j0od5sg] {
    background: rgba(13, 202, 240, 0.05);
}
/* /Pages/Credits/PaymentsHistory.razor.rz.scp.css */
/* Основной контейнер */
.balance-history[b-38dmszjdl8] {
    background: linear-gradient(135deg, var(--zealous-card) 0%, var(--zealous-bg) 100%);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-lg);
    transition: var(--transition);
}

    .balance-history:hover[b-38dmszjdl8] {
        transform: translateY(-4px);
        box-shadow: 0 16px 32px rgba(0,0,0,0.4);
    }

/* Заголовок + баланс + кнопка */
.bg-gradient-header[b-38dmszjdl8] {
    background: linear-gradient(135deg, var(--zealous-bg) 0%, var(--zealous-card) 100%);
    border-bottom: 1px solid var(--zealous-border);
}

/* Кнопка покупки кредитов */
.btn-purchase[b-38dmszjdl8] {
    text-transform: none;
    letter-spacing: .02em;
    transition: background .25s ease, transform .15s ease, filter .2s ease, box-shadow .2s ease;
    background: linear-gradient(135deg, var(--zealous-blue) 0%, color-mix(in srgb, var(--zealous-blue) 80%, black) 100%);
    border: none;
    color: var(--light);
    position: relative;
    overflow: hidden;
    min-width: 180px;
}

    .btn-purchase:hover[b-38dmszjdl8] {
        background: linear-gradient(135deg, var(--zealous-purple) 0%, color-mix(in srgb, var(--zealous-purple) 80%, black) 100%) !important;
        transform: translateY(-2px);
        filter: brightness(1.08);
        box-shadow: 0 8px 20px rgba(96, 165, 250, 0.35);
    }

        .btn-purchase:hover .btn-icon svg[b-38dmszjdl8] {
            transform: scale(1.2) rotate(5deg);
        }

        .btn-purchase:hover .glint-effect[b-38dmszjdl8] {
            opacity: 1;
            animation: glint-b-38dmszjdl8 1.2s ease-out forwards;
        }

    .btn-purchase:active[b-38dmszjdl8] {
        transform: translateY(0);
        filter: brightness(.92);
        box-shadow: 0 4px 10px rgba(96, 165, 250, 0.25);
    }

@keyframes glint-b-38dmszjdl8 {
    0% {
        transform: translateX(-100%) skewX(-30deg);
    }

    60% {
        transform: translateX(200%) skewX(-30deg);
    }

    100% {
        transform: translateX(200%) skewX(-30deg);
    }
}

/* Таблица транзакций */
.table-dark[b-38dmszjdl8] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--zealous-text);
}

    .table-dark thead[b-38dmszjdl8] {
        background: var(--zealous-bg);
    }

    .table-dark th[b-38dmszjdl8],
    .table-dark td[b-38dmszjdl8] {
        border-color: var(--zealous-border);
    }

/* Адаптивность */
@media (max-width: 576px) {
    .balance-history[b-38dmszjdl8] {
        margin: 0 -0.5rem;
        border-radius: 0;
        box-shadow: none;
    }

        .balance-history .card-body[b-38dmszjdl8] {
            padding: 1.25rem !important;
        }

    .btn-purchase[b-38dmszjdl8] {
        width: 100%;
        padding: 0.75rem 1rem;
        font-size: 1rem;
    }

    .account-panel[b-38dmszjdl8] {
        justify-content: center;
    }
}
/* /Pages/Credits/Purchase.razor.rz.scp.css */
/* Основной контейнер таблицы */
.glass-panel[b-7pnxbgluhr] {
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(8px);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    overflow: hidden;
}

/* Кастомная таблица */
.custom-table[b-7pnxbgluhr] {
    color: var(--zealous-text) !important;
    margin-bottom: 0;
}

.table-header-row[b-7pnxbgluhr] {
    background: rgba(96, 165, 250, 0.1);
    font-size: 1.2rem;
    color: var(--zealous-blue);
}

.custom-table td[b-7pnxbgluhr] {
    padding: 1.5rem 1rem !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Окно оформления заказа */
.checkout-form-container[b-7pnxbgluhr] {
    background: var(--zealous-card);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-lg);
}

.order-info-box[b-7pnxbgluhr] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 1rem;
    border-left: 4px solid var(--info);
}

/* Кнопка Т-Банк */
.tbank-style[b-7pnxbgluhr] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--zealous-border);
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: var(--transition);
}

    .tbank-style:hover[b-7pnxbgluhr] {
        background: rgba(255, 255, 255, 0.07);
        border-color: var(--info);
        box-shadow: 0 0 20px rgba(13, 202, 240, 0.2);
    }

/* Текст и ссылки */
.neon-link[b-7pnxbgluhr] {
    color: var(--info);
    text-decoration: none;
    transition: var(--transition);
}

    .neon-link:hover[b-7pnxbgluhr] {
        text-shadow: 0 0 10px var(--info);
        color: #fff;
    }

/* Стили для альтернативной кнопки */
.btn-zealous-alt[b-7pnxbgluhr] {
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid var(--zealous-blue);
    color: var(--zealous-blue);
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    transition: var(--transition);
}

    .btn-zealous-alt:hover[b-7pnxbgluhr] {
        background: var(--zealous-blue);
        color: #000;
        box-shadow: 0 0 15px var(--zealous-blue);
    }

/* Анимации */
.animate-flicker[b-7pnxbgluhr] {
    animation: flicker-b-7pnxbgluhr 2s infinite;
}

@keyframes flicker-b-7pnxbgluhr {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}
/* /Pages/Footer/Adveristing/Advertising.razor.rz.scp.css */
/* Увеличиваем базовый текст и делаем его максимально ярким */
.text-bright[b-dkuwom5217] {
    color: var(--zealous-text);
    opacity: 1;
    line-height: 1.6;
}

/* Принудительно белый текст для акцентов */
.text-white[b-dkuwom5217] {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

/* Эффект свечения для основного заголовка */
.shadow-text[b-dkuwom5217] {
    text-shadow: 0 0 20px var(--zealous-blue);
}

/* Контейнер для значка 32x32 */
.ad-icon-container[b-dkuwom5217] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(129, 59, 246, 0.4);
    border-radius: 4px;
}

/* Блоки карточек на базе твоих переменных */
.card[b-dkuwom5217] {
    background: var(--zealous-card) !important;
    border-color: var(--zealous-border) !important;
}

/* Класс для анимации пульсации статуса */
.animate-pulse[b-dkuwom5217] {
    animation: pulse-info-b-dkuwom5217 2s infinite;
}

@keyframes pulse-info-b-dkuwom5217 {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 15px var(--info);
    }

    100% {
        opacity: 0.5;
    }
}

/* Адаптивность для текста */
@media (max-width: 768px) {
    .display-3[b-dkuwom5217] {
        font-size: 2.5rem;
    }

    .display-6[b-dkuwom5217] {
        font-size: 1.8rem;
    }

    .fs-5[b-dkuwom5217] {
        font-size: 1rem !important;
    }
}
/* /Pages/Footer/AI/AiPage.razor.rz.scp.css */
.ai-page[b-bttviqfy3d] {
    display: flex;
    flex-flow:column;
}

.ai-feature-card[b-bttviqfy3d] {
    background-color: var(--zealous-card);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    border-left: 4px solid var(--zealous-blue);
    transition: var(--transition);
}

    .ai-feature-card:hover[b-bttviqfy3d] {
        border-color: var(--info);
        transform: translateX(4px);
        box-shadow: -5px 0 15px rgba(13, 202, 240, 0.1);
    }

.border-zealous-blue[b-bttviqfy3d] {
    border-color: var(--zealous-blue) !important;
}

.border-zealous-purple[b-bttviqfy3d] {
    border-color: var(--zealous-purple) !important;
}

.border-zealous-border[b-bttviqfy3d] {
    border-color: var(--zealous-border) !important;
}

.border-dashed[b-bttviqfy3d] {
    border-style: dashed !important;
}

.text-bright[b-bttviqfy3d] {
    color: var(--zealous-text);
}

.text-zealous-blue[b-bttviqfy3d] {
    color: var(--zealous-blue);
}

.text-zealous-purple[b-bttviqfy3d] {
    color: var(--zealous-purple);
}

.text-zealous-muted[b-bttviqfy3d] {
    color: var(--zealous-muted);
}

hr.text-secondary[b-bttviqfy3d] {
    border-color: var(--zealous-muted);
}

@media (max-width: 768px) {
    .ai-page .display-3[b-bttviqfy3d] {
        font-size: 2rem;
    }

    .ai-page .display-4[b-bttviqfy3d] {
        font-size: 1.5rem;
    }

    .ai-feature-card:hover[b-bttviqfy3d] {
        transform: none;
    }
}
/* /Pages/Footer/FAQ.razor.rz.scp.css */
/* ============================================================
   1. ОБЩИЙ КОНТЕЙНЕР FAQ
   ============================================================ */
.faq-section-container[b-dy9gcotp91] {
    background-color: #0d1117;
    border: 1px solid rgba(13, 202, 240, 0.2);
    border-radius: 12px;
    overflow: hidden;
    margin-top: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.faq-header[b-dy9gcotp91] {
    background: linear-gradient(45deg, #0d6efd, #0dcaf0);
    padding: 15px;
    text-align: center;
}

.faq-main-title[b-dy9gcotp91] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Область прокрутки */
.faq-scroll-area[b-dy9gcotp91] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 15px;
    background-color: #161b22;
    /* Тонкий скроллбар для стиля */
}

    .faq-scroll-area[b-dy9gcotp91]::-webkit-scrollbar {
        width: 6px;
    }

    .faq-scroll-area[b-dy9gcotp91]::-webkit-scrollbar-thumb {
        background: #30363d;
        border-radius: 10px;
    }

/* ============================================================
   2. КАРТОЧКА ВОПРОСА
   ============================================================ */
.faq-item-card[b-dy9gcotp91] {
    background-color: #0d1117;
    border: 1px solid #30363d;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    gap: 15px;
}

    .faq-item-card:hover[b-dy9gcotp91] {
        border-color: #0dcaf0;
        transform: translateX(5px);
        background-color: #1c2128;
        box-shadow: -5px 0 15px rgba(13, 202, 240, 0.1);
    }

/* ID вопроса слева */
.faq-item-id[b-dy9gcotp91] {
    font-weight: 800;
    color: rgba(13, 202, 240, 0.5);
    font-size: 1.1rem;
    min-width: 40px;
}

.faq-content[b-dy9gcotp91] {
    flex-grow: 1;
}

.faq-label[b-dy9gcotp91] {
    color: #0dcaf0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-right: 8px;
    letter-spacing: 0.5px;
}

.faq-question[b-dy9gcotp91] {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

.faq-divider[b-dy9gcotp91] {
    height: 1px;
    background: linear-gradient(90deg, rgba(13, 202, 240, 0.3), transparent);
    margin: 12px 0;
}

.faq-answer[b-dy9gcotp91] {
    color: #c9d1d9;
    font-size: 1rem;
    line-height: 1.6;
}

/* ============================================================
   3. СОСТОЯНИЕ ЗАГРУЗКИ
   ============================================================ */
.faq-loading[b-dy9gcotp91] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
    color: #0dcaf0;
}

/* Адаптивность */
@media (max-width: 768px) {
    .faq-item-card[b-dy9gcotp91] {
        flex-direction: column;
        gap: 5px;
    }

    .faq-item-id[b-dy9gcotp91] {
        font-size: 0.9rem;
    }
}
/* /Pages/Footer/Footer.razor.rz.scp.css */
/* wwwroot/css/dark-footer.css или в своей библиотеке компонентов */

.footer-dark-block[b-0t03wpvtk3] {
    background-color: #212529; /* bg-dark */
    border-radius: 0.375rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .footer-dark-block:hover[b-0t03wpvtk3] {
        background-color: #2c3338;
        transform: translateY(-2px);
    }

    .footer-dark-block .btn-secondary[b-0t03wpvtk3] {
        background-color: #343a40;
        border-color: #495057;
        color: #e9ecef;
    }

        .footer-dark-block .btn-secondary:hover[b-0t03wpvtk3] {
            background-color: #495057;
            border-color: #5c636a;
        }

    .footer-dark-block .btn-outline-light[b-0t03wpvtk3] {
        color: #f8f9fa;
        border-color: #6c757d;
    }

        .footer-dark-block .btn-outline-light:hover[b-0t03wpvtk3] {
            background-color: #495057;
            color: #f8f9fa;
        }

    .footer-dark-block .btn-outline-danger[b-0t03wpvtk3] {
        color: #ff6b6b;
        border-color: #ff6b6b;
    }

        .footer-dark-block .btn-outline-danger:hover[b-0t03wpvtk3] {
            background-color: #ff6b6b;
            color: #212529;
        }

    .footer-dark-block .btn-outline-primary[b-0t03wpvtk3] {
        color: #0d6efd;
        border-color: #0d6efd;
    }

        .footer-dark-block .btn-outline-primary:hover[b-0t03wpvtk3] {
            background-color: #0d6efd;
            color: #fff;
        }

    /* Улучшение теней на тёмном фоне */
    .footer-dark-block.shadow-sm[b-0t03wpvtk3] {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5) !important;
    }

/* На очень больших экранах уменьшаем внутренние отступы, чтобы влезло больше блоков */
@media (min-width: 1400px) {
    .footer-dark-block[b-0t03wpvtk3] {
        padding: 0 !important;
        margin-right: 2px; /* Минимальный зазор */
    }

        .footer-dark-block .btn[b-0t03wpvtk3] {
            font-size: 0.75rem; /* Слегка уменьшаем шрифт, если блоков очень много */
            padding: 4px 6px;
        }

    .footer-title-box[b-0t03wpvtk3] {
        font-size: 0.7rem;
        padding: 8px 8px 4px 8px;
    }
}

/* wwwroot/css/custom-footer.css или в своей библиотеке компонентов */

.btn-settings-custom[b-0t03wpvtk3] {
    background: linear-gradient(135deg, #0a58ca 0%, #052b6e 100%);
    border: none;
    color: #ffffff;
    font-weight: 600;
    border-radius: 0.75rem;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

    .btn-settings-custom:hover[b-0t03wpvtk3] {
        background: linear-gradient(135deg, #0847a8 0%, #042554 100%);
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(10, 88, 202, 0.4);
        color: #ffffff;
    }

    .btn-settings-custom:active[b-0t03wpvtk3] {
        transform: translateY(-1px);
        box-shadow: 0 6px 12px rgba(10, 88, 202, 0.3);
    }

    /* Внутренний лёгкий блик для глубины */
    .btn-settings-custom[b-0t03wpvtk3]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
        border-radius: inherit;
        opacity: 0.7;
        transition: opacity 0.35s ease;
    }

    .btn-settings-custom:hover[b-0t03wpvtk3]::before {
        opacity: 1;
    }

/* Дополнительно: тонкая светлая обводка для лучшего отделения от фона футера */
.btn-settings-custom[b-0t03wpvtk3] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Адаптивность */
@media (max-width: 576px) {
    .btn-settings-custom span[b-0t03wpvtk3] {
        font-size: 0.9rem;
    }

    .btn-settings-custom i[b-0t03wpvtk3] {
        font-size: 1.25rem !important;
    }
}

/* Заголовок внутри темного блока футера */
.footer-title-box[b-0t03wpvtk3] {
    padding: 10px 12px 5px 12px;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--zealous-blue); /* Используем твой ярко-голубой */
    opacity: 0.9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

    /* Маленький индикатор перед текстом (опционально, для стиля) */
    .footer-title-box[b-0t03wpvtk3]::before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: var(--zealous-blue);
        margin-right: 8px;
        border-radius: 50%;
        box-shadow: 0 0 5px var(--zealous-blue);
    }

/* Уточнение для кнопок внутри темных блоков, чтобы они сидели плотнее */
.footer-dark-block .btn[b-0t03wpvtk3] {
    font-size: 0.85rem;
    padding: 6px 10px;
    text-align: center; /* Центрируем текст в кнопках, как было в оригинале */
}

    /* Фикс для disabled кнопок, чтобы они не выбивались */
    .footer-dark-block .btn.disabled[b-0t03wpvtk3] {
        border-style: solid;
        opacity: 0.5;
    }

/* Мягкое красное выделение для важных/опасных разделов */
.btn-danger-soft[b-0t03wpvtk3] {
    background-color: rgba(220, 53, 69, 0.1) !important; /* Очень прозрачный красный */
    border: 1px solid rgba(220, 53, 69, 0.4) !important; /* Приглушенная граница */
    color: #ff8e97 !important; /* Бледный красный текст, хорошо читается на темном */
    transition: all 0.3s ease;
}

    .btn-danger-soft:hover[b-0t03wpvtk3] {
        background-color: rgba(220, 53, 69, 0.25) !important;
        border-color: rgba(220, 53, 69, 0.8) !important;
        color: #fff !important;
        box-shadow: 0 0 12px rgba(220, 53, 69, 0.3); /* Деликатное свечение */
        transform: translateY(-1px);
    }

    /* Если кнопка отключена, гасим яркость */
    .btn-danger-soft.disabled[b-0t03wpvtk3] {
        opacity: 0.3;
        filter: grayscale(0.5);
    }
/* /Pages/Footer/Fraud/FraudActionButtonsComponent.razor.rz.scp.css */
/* Контейнер для кнопок — одна строка с горизонтальным скроллом */
.action-buttons-wrapper[b-qoas8at0vc] {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* плавный скролл на мобильных */
    padding-top: 1.0rem;
    padding-bottom: 1.2rem;
}

.action-buttons-inner[b-qoas8at0vc] {
    display: flex;
    gap: 1rem;
}
/* Тонкий скроллбар */
.action-buttons-wrapper[b-qoas8at0vc]::-webkit-scrollbar {
    height: 8px;
}

.action-buttons-wrapper[b-qoas8at0vc]::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.3);
    border-radius: 4px;
}
/* Кнопка — компактная, тёмная */
.action-btn[b-qoas8at0vc] {
    flex: 0 0 auto;
    width: 240px; /* компактная ширина */
    min-height: 24px;
    padding: 0.5rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    color: var(--zealous-text);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    border: 2px solid rgba(255,255,255,0.15);
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5), 0 4px 12px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

    .action-btn:hover:not(:disabled)[b-qoas8at0vc] {
        transform: translateY(-5px);
        box-shadow: inset 0 2px 5px rgba(0,0,0,0.5), 0 10px 20px rgba(0,0,0,0.4);
        background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
        border-color: rgba(255,255,255,0.3);
    }

    .action-btn i[b-qoas8at0vc] {
        font-size: 1.4rem;
    }

    .action-btn:disabled[b-qoas8at0vc] {
        background: linear-gradient(135deg, #495057 0%, #6c757d 100%);
        border-color: rgba(255,255,255,0.1);
        opacity: 0.75;
        cursor: not-allowed;
    }

        .action-btn:disabled:hover[b-qoas8at0vc] {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.3);
        }
/* /Pages/Footer/Fraud/FraudLinksComponent.razor.rz.scp.css */
/* Внешняя панель */
.custom-resource-panel[b-xvxvsi0kc4] {
    background: #1a1c1e;
    border-radius: 16px !important;
}

.resource-panel-header[b-xvxvsi0kc4] {
    background: linear-gradient(90deg, #2c3e50 0%, #000000 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #e0e0e0;
    padding: 1rem 1.5rem;
}

.bg-dark-area[b-xvxvsi0kc4] {
    background-color: #121212;
}

/* Флекс-сетка */
.resources-flex-container[b-xvxvsi0kc4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

    /* Карточка ресурса (Адаптивная) */
    .resources-flex-container .resource-card[b-xvxvsi0kc4] {
        flex: 1 1 300px; /* База 300px, тянется на всю ширину на мобилках */
        max-width: 100%;
        min-height: 100px;
        position: relative;
        z-index: 1;
    }

/* Внутренний блок карточки */
.resource-card-content[b-xvxvsi0kc4] {
    background: linear-gradient(145deg, #23272b, #1b1e21);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 1.25rem;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}

/* Ссылка (Заголовок) */
.resource-link[b-xvxvsi0kc4] {
    color: #00a2ff; /* Приятный голубой для ссылок */
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    transition: color 0.2s ease;
}

/* Описание */
.resource-desc[b-xvxvsi0kc4] {
    font-size: 0.85rem;
    color: #888e94;
    margin: 0;
    line-height: 1.4;
}

/* Ховер эффект */
.resource-card:hover .resource-card-content[b-xvxvsi0kc4] {
    transform: translateY(-5px);
    background: linear-gradient(145deg, #2d3238, #23272b);
    border-color: rgba(0, 162, 255, 0.3);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.resource-card:hover .resource-link[b-xvxvsi0kc4] {
    color: #33b5ff;
    text-shadow: 0 0 10px rgba(0, 162, 255, 0.2);
}

/* Медиа-запросы для больших экранов */
@media (min-width: 1200px) {
    .resources-flex-container .resource-card[b-xvxvsi0kc4] {
        max-width: calc(33.33% - 1.25rem); /* 3 в ряд */
    }
}
/* /Pages/Footer/Fraud/FraudPage.razor.rz.scp.css */
/* Основной заголовок */
.main-title[b-6i78vkmuen] {
    font-size: calc(2rem + 2.5vw); /* Адаптивный размер (вместо display-3) */
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: -1px;
    /* Градиентный текст */
    background: linear-gradient(to bottom, #ff4d4d, #b30000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Мягкое свечение текста */
    filter: drop-shadow(0 0 15px rgba(220, 53, 69, 0.3));
    text-align: center;
    animation: title-glow-b-6i78vkmuen 3s ease-in-out infinite alternate;
}

/* Плашка "В разработке" */
.dev-status[b-6i78vkmuen] {
    font-size: 1.2rem;
    color: #ffc107; /* Желтый для предупреждения (warning) лучше читается */
    border: 1px solid rgba(255, 193, 7, 0.3);
    background: rgba(255, 193, 7, 0.05);
    padding: 8px 16px;
    border-radius: 10px;
    backdrop-filter: blur(5px); /* Эффект матового стекла */
    display: flex;
    align-items: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(255, 193, 7, 0.1);
    transition: all 0.3s ease;
}

    .dev-status:hover[b-6i78vkmuen] {
        background: rgb(255 0 0);
        border-color: rgba(255, 193, 7, 0.6);
        color: #fff;
        cursor: default;
    }

/* Анимация для плашки "В разработке" */
.status-badge-wrapper[b-6i78vkmuen] {
    animation: badge-pulse-b-6i78vkmuen 2s ease-in-out infinite;
}

/* Анимация иконки шестеренки */
.spin-icon[b-6i78vkmuen] {
    display: inline-block;
    animation: rotate-gear-b-6i78vkmuen 4s linear infinite;
}

@keyframes rotate-gear-b-6i78vkmuen {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes title-glow-b-6i78vkmuen {
    from {
        filter: drop-shadow(0 0 5px rgba(220, 53, 69, 0.2));
        transform: scale(1);
    }

    to {
        filter: drop-shadow(0 0 20px rgba(220, 53, 69, 0.6));
        transform: scale(1.01); /* Легкое увеличение */
    }
}

@keyframes badge-pulse-b-6i78vkmuen {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.2);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .header-container[b-6i78vkmuen] {
        flex-direction: column;
        text-align: center;
    }

    .main-title[b-6i78vkmuen] {
        font-size: 2.5rem;
    }
}

/*-----------------------------------------------------------------------------------------*/

/* 1. Общая панель (фон и шапка) */
.custom-blogger-panel[b-6i78vkmuen] {
    background-color: #1a1c1e !important;
    border-radius: 12px !important;
}

.blogger-panel-header[b-6i78vkmuen] {
    background: linear-gradient(90deg, #0088cc 0%, #0088cc 100%) !important;
    color: white;
    padding: 1rem 1.5rem;
}

/* 2. Контейнеры (Управление сеткой) */
.blogger-groups-outer-container[b-6i78vkmuen] {
    width: 100%;
    padding: 1.5rem;
    /* Разрешаем только горизонтальный скролл */
    overflow-x: auto;
    overflow-y: auto;
    /* Включаем плавную прокрутку на тачпадах */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

    /* Настройка кастомного скроллбара, чтобы он был явным */
    .blogger-groups-outer-container[b-6i78vkmuen]::-webkit-scrollbar {
        height: 10px; /* Высота горизонтального скролла */
    }

    .blogger-groups-outer-container[b-6i78vkmuen]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 10px;
    }

    .blogger-groups-outer-container[b-6i78vkmuen]::-webkit-scrollbar-thumb {
        background: linear-gradient(90deg, #0088cc, #0dc6fd);
        border-radius: 10px;
        border: 2px solid #1a1c1e; /* Отступ, чтобы скролл казался парящим */
    }

        .blogger-groups-outer-container[b-6i78vkmuen]::-webkit-scrollbar-thumb:hover {
            background: #0dc6fd;
        }

.blogger-groups-flex-row[b-6i78vkmuen] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: flex-start;
    /* Важно: не даем строке схлопываться, заставляем расти вширь */
    width: max-content;
    min-width: 100%;
    padding-bottom: 1rem; /* Место для скроллбара */
}


/* 3. Столбец (Главный виновник адаптивности) */
.blogger-column[b-6i78vkmuen] {
    /* Фиксированная ширина для колонок в ленте */
    flex: 0 0 380px;
    width: 380px;
    max-width: 420px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
}

/* 4. Заголовок и Список */
.category-header[b-6i78vkmuen] {
    color: #0dc6fd;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #0dc6fd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.badge-count[b-6i78vkmuen] {
    background: rgba(13, 198, 253, 0.2);
    font-size: 1rem;
    padding: 2px 10px;
    border-radius: 6px;
    height: 100%;
}

.blogger-vertical-list[b-6i78vkmuen] {
    display: flex;
    flex-direction: column; /* Карточки всегда друг под другом */
    gap: 1rem;
}

/* 5. Карточка блогера */
.blogger-mini-card[b-6i78vkmuen] {
    background: #25282c;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 12px;
    position: relative;
    transition: all 0.3s ease;
}

    .blogger-mini-card:hover[b-6i78vkmuen] {
        transform: translateX(5px);
        border-color: #0dc6fd;
        background: #2c3035;
    }

.card-main-content[b-6i78vkmuen] {
    display: flex;
    gap: 12px;
}

.avatar-round[b-6i78vkmuen], .avatar-placeholder[b-6i78vkmuen] {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.avatar-placeholder[b-6i78vkmuen] {
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0dc6fd;
    font-weight: bold;
    font-size: 1.5rem;
}

/* Основной контейнер внутри карточки */
.card-content-grid[b-6i78vkmuen] {
    display: grid;
    /* Левая колонка под аватар (например, 100px), правая — всё остальное */
    grid-template-columns: 100px 1fr;
    /* Две строки: верхняя для инфо, нижняя для кнопок */
    grid-template-rows: auto auto;
    gap: 15px;
    align-items: start;
}

    .card-content-grid.haveimg[b-6i78vkmuen] {
        grid-template-columns: 128px 1fr;
    }
/* Аватар занимает первую колонку первой строки */
.avatar-wrapper[b-6i78vkmuen] {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}

.avatar-large[b-6i78vkmuen], .avatar-placeholder-large[b-6i78vkmuen] {
    width: 128px;
    height: 128px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.avatar-placeholder-large[b-6i78vkmuen] {
    width: 100px;
    height: 100px;
}

.avatar-placeholder-large[b-6i78vkmuen] {
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: #0dc6fd;
}

.blogger-name[b-6i78vkmuen] {
    color: #fff;
    font-size: 1.4rem;
    margin: 0;
}

.blogger-short-desc[b-6i78vkmuen] {
    color: #999;
    font-size: 0.85rem;
    margin: 4px 0;
    line-height: 1.3;
}

/* Текст занимает вторую колонку первой строки */
.info-wrapper[b-6i78vkmuen] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100px; /* Чтобы текст был вровень с большим аватаром */
}

/* 6. Платформы */
.platform-links[b-6i78vkmuen] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


/* Ссылки занимают обе колонки второй строки (всю ширину) */
.platform-links-fullwidth[b-6i78vkmuen] {
    grid-column: 1 / span 2; /* Растягиваем от 1 до 3 линии (на 2 колонки) */
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05); /* Разделительная линия */
}

/* Стили кнопок делаем более заметными, раз они на всю ширину */
.platform-tag[b-6i78vkmuen] {
    flex: 1; /* Кнопки будут стараться занять всё доступное пространство поровну */
    min-width: 80px;
    text-align: center;
    padding: 6px 0;
    font-size: 0.8rem;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    color: #ccc;
    text-decoration: none;
    transition: 0.2s;
}

    .platform-tag:hover[b-6i78vkmuen] {
        background: rgba(13, 198, 253, 0.2);
        border-color: #0dc6fd;
        color: white;
    }

.tag-youtube:hover[b-6i78vkmuen] {
    background: #ff0000;
    color: white;
    border-color: #ff0000;
}

.tag-telegram:hover[b-6i78vkmuen] {
    background: #0088cc;
    color: white;
    border-color: #0088cc;
}

.adult-tag[b-6i78vkmuen] {
    position: absolute;
    top: 0;
    right: 0;
    background: #dc3545;
    color: white;
    font-size: 0.65rem;
    padding: 2px 8px;
    border-radius: 0 10px 0 10px;
    font-weight: bold;
}

/* ==========================================================================
   7. МАГИЯ АДАПТИВНОСТИ (Медиа-запросы)
   ========================================================================== */

/* На средних экранах (планшеты) разрешаем перенос колонок */
@media (max-width: 1200px) {
    .blogger-groups-flex-row[b-6i78vkmuen] {
        flex-wrap: wrap; /* Позволяем колонкам прыгать на новую строку */
    }
}

/* На мобильных экранах — всё в один столбец */
@media (max-width: 768px) {
    .blogger-groups-flex-row[b-6i78vkmuen] {
        flex-direction: column; /* Стек один под другим */
    }

    .blogger-column[b-6i78vkmuen] {
        max-width: 100%; /* Убираем ограничение ширины */
        width: 100%;
        flex: 1 1 auto;
    }

    .blogger-groups-outer-container[b-6i78vkmuen] {
        padding: 1rem;
    }

    .blogger-groups-outer-container[b-6i78vkmuen] {
        overflow-x: hidden;
        overflow-y: visible;
    }

    .blogger-groups-flex-row[b-6i78vkmuen] {
        flex-direction: column;
        width: 100%;
        gap: 2rem;
    }

    .blogger-column[b-6i78vkmuen] {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

.edge-fade[b-6i78vkmuen] {
    mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
}

/* Стиль превью-значка в заголовке */
.adult-tag-preview[b-6i78vkmuen] {
    background: #dc3545;
    color: white;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.4);
}

/* Контейнер легенды */
.adult-legend[b-6i78vkmuen] {
    background: rgba(0, 0, 0, 0.2);
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 400px;
}

/* Адаптивность: на маленьких экранах пояснение уходит под заголовок */
@media (max-width: 768px) {
    .blogger-panel-header[b-6i78vkmuen] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .adult-legend[b-6i78vkmuen] {
        margin-top: 5px;
        padding: 4px 0;
        background: transparent;
        border: none;
    }
}
/* /Pages/Footer/Fraud/FraudTopMessages.razor.rz.scp.css */
/* wwwroot/css/resource-static.css — маленький и светящийся вариант */

/* ============================================================
   1. АНИМАЦИИ
   ============================================================ */
@keyframes fadeInUp-b-pdr57d2sew {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes glowPulse-b-pdr57d2sew {
    0%, 100% {
        border-color: rgba(13, 202, 240, 0.3);
        box-shadow: 0 0 6px rgba(13, 202, 240, 0.15);
    }

    50% {
        border-color: rgba(13, 202, 240, 0.8);
        box-shadow: 0 0 16px rgba(13, 202, 240, 0.4);
    }
}

/* ============================================================
   2. ОСНОВНОЙ КОНТЕЙНЕР — компактный
   ============================================================ */
.resource-section-container[b-pdr57d2sew] {
    background-color: #0d1117;
    border: 1px solid rgba(13, 202, 240, 0.3);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    animation: fadeInUp-b-pdr57d2sew 0.7s ease-out forwards, glowPulse-b-pdr57d2sew 5s infinite ease-in-out;
}

/* ============================================================
   3. ШАПКА
   ============================================================ */
.resource-main-header[b-pdr57d2sew] {
    background: linear-gradient(90deg, #0d6efd, #0dcaf0);
    padding: 8px 14px;
}

.resource-title-text[b-pdr57d2sew] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* ============================================================
   4. СЕТКА — компактная
   ============================================================ */
.resource-flex-grid[b-pdr57d2sew] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* уменьшили gap */
    padding: 12px;
    background-color: #161b22;
}

/* ============================================================
   5. КАРТОЧКИ — маленькие и светящиеся
   ============================================================ */
.resource-static-item[b-pdr57d2sew] {
    flex: 1 1 320px; /* компактнее, чем 450px */
    background-color: #0f1117;
    border: 1px solid rgba(13, 202, 240, 0.2);
    border-left: 4px solid #0dcaf0;
    border-radius: 10px;
    padding: 12px 14px; /* меньше padding */
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: default;
}

    .resource-static-item:hover[b-pdr57d2sew] {
        background-color: #1a1f28;
        transform: scale(1.04) translateY(-4px);
        border-color: #0dcaf0;
        box-shadow: 0 0 20px rgba(13, 202, 240, 0.5); /* яркое свечение */
        z-index: 10;
    }

.resource-item-header[b-pdr57d2sew] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #0dcaf0;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    transition: all 0.3s ease;
}

    .resource-item-header i[b-pdr57d2sew] {
        font-size: 1.4rem;
        color: #0dcaf0;
        filter: drop-shadow(0 0 4px rgba(13, 202, 240, 0.6));
    }

.resource-static-item:hover .resource-item-header[b-pdr57d2sew] {
    color: #ffffff;
    transform: scale(1.06);
}

.resource-item-body[b-pdr57d2sew] {
    color: #c9d1d9;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    transition: color 0.3s ease;
}

.resource-static-item:hover .resource-item-body[b-pdr57d2sew] {
    color: #f0f6fc;
}

.resource-item-body strong[b-pdr57d2sew] {
    color: #ff6b6b;
    font-weight: 700;
}

/* ============================================================
   6. АДАПТИВНОСТЬ
   ============================================================ */
@media (max-width: 576px) {
    .resource-static-item[b-pdr57d2sew] {
        flex: 1 1 100%;
    }

        .resource-static-item:hover[b-pdr57d2sew] {
            transform: scale(1.02);
        }
}
/* /Pages/Footer/Fraud/FraudWarningsComponent.razor.rz.scp.css */

/* Контейнер */
.warnings-flex-container[b-5f6v3ye3x9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
    background-color: #1e1e1e;
    border-radius: 12px;
    position: relative;
    overflow: auto; /* Оставляем как в оригинале */
}

    /* Сама карточка - АДАПТИВНЫЙ КАРКАС */
    .warnings-flex-container .warning-card[b-5f6v3ye3x9] {
        /* На мобильных: 100% ширины. На ПК: база 420px, но может расти */
        flex: 1 1 420px;
        max-width: 100%;
        height: 350px;
        position: relative;
        z-index: 1;
    }

/* На больших экранах ограничиваем максимальную ширину, чтобы карточки не были слишком растянуты */
@media (min-width: 1400px) {
    .warnings-flex-container .warning-card[b-5f6v3ye3x9] {
        max-width: calc(33.33% - 1.5rem); /* 3 в ряд */
    }
}

@media (max-width: 480px) {
    .warnings-flex-container .warning-card[b-5f6v3ye3x9] {
        flex: 1 1 100%;
        height: 300px; /* Немного ниже на маленьких телефонах */
    }
}

/* Внутренняя обертка (ВАШ СТИЛЬ) */
.warning-card-content[b-5f6v3ye3x9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2d2d2d;
    border: 1px solid #404040;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.warnings-flex-container.collapsed[b-5f6v3ye3x9] {
    max-height: 600px; /* Высота одного ряда + отступы */
}

.warnings-flex-container.expanded[b-5f6v3ye3x9] {
    max-height: 80vh;
    overflow-y: visible; /* Позволяем всплывать карточкам за пределы */
}

/* Hover-эффекты и заголовки (ВАШИ СТИЛИ БЕЗ ИЗМЕНЕНИЙ) */
.warning-card:hover[b-5f6v3ye3x9] {
    z-index: 100;
}

    .warning-card:hover .warning-card-content[b-5f6v3ye3x9] {
        height: auto;
        min-height: 100%;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);
        border-color: #dc3545;
    }

.warning-card .card-header[b-5f6v3ye3x9] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333d1 100%);
    border-bottom: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    padding: 1rem;
}

.warning-card .card-body[b-5f6v3ye3x9] {
    background-color: transparent;
    color: #f8f9fa;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
}

.warning-card .card-text[b-5f6v3ye3x9],
.warning-card p[b-5f6v3ye3x9] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}

.warning-card:hover .card-text[b-5f6v3ye3x9],
.warning-card:hover p[b-5f6v3ye3x9] {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}
/* /Pages/Footer/Humor/Simple/CarbonActivation.razor.rz.scp.css */
.code-display[b-6wmqnrtit9] {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: var(--bs-success);
    font-family: monospace;
    padding: 1rem;
    background-color: rgba(0,0,0,0.05);
    border-radius: 8px;
}

.check-code-input[b-6wmqnrtit9] {
    font-size: 2rem;
    text-align: center;
    padding: 0.75rem;
    letter-spacing: 0.3rem;
}
/* /Pages/Footer/Humor/Simple/EnterCode.razor.rz.scp.css */
/* 🔹 Блоки кода */
.code-block[b-4b9kn7f6cs] {
    width: 75px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    font-weight: 700;
    border-radius: 12px;
    border: 2px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-secondary);
    transition: all 0.18s ease;
    user-select: none;
}

    /* Заполнено верно */
    .code-block.filled[b-4b9kn7f6cs] {
        border-color: var(--bs-success);
        background: var(--bs-success-bg-subtle);
        color: var(--bs-success);
        box-shadow: 0 2px 8px rgba(25, 135, 84, 0.15);
    }

    /* Ошибка ввода */
    .code-block.error[b-4b9kn7f6cs] {
        border-color: var(--bs-danger);
        background: var(--bs-danger-bg-subtle);
        color: var(--bs-danger);
        animation: shake-b-4b9kn7f6cs 0.25s ease;
    }

    /* Активное поле (ожидает ввод) */
    .code-block.active[b-4b9kn7f6cs] {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
        color: var(--bs-primary);
    }

/* 🔹 Таймер: цвета состояний */
.timer-active[b-4b9kn7f6cs] {
    color: var(--bs-success);
}

.timer-expired[b-4b9kn7f6cs] {
    color: var(--bs-warning);
}

.timer-waiting[b-4b9kn7f6cs] {
    color: var(--bs-secondary);
}

/* 🔹 Анимации */
@keyframes shake-b-4b9kn7f6cs {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-3px);
    }

    75% {
        transform: translateX(3px);
    }
}

/* 🔹 Адаптивность для мобильных */
@media (max-width: 576px) {
    .code-block[b-4b9kn7f6cs] {
        width: 60px;
        height: 80px;
        font-size: 1.6rem;
    }

    .display-6[b-4b9kn7f6cs] {
        font-size: 1.8rem;
    }

    .input-group-lg .form-control[b-4b9kn7f6cs] {
        font-size: 1.2rem;
    }
}
/* /Pages/Footer/Notes/ManageNotes.razor.rz.scp.css */
/* /Pages/Footer/Notes/PrivateNotes.razor.rz.scp.css */
.notes-filters[b-7dv8braps9] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.notes-filters .notes-filter-select[b-7dv8braps9] {
    min-width: 0;
}

.notes-filters .input-group[b-7dv8braps9] {
    flex-wrap: nowrap;
    align-items: stretch;
}

.notes-filters .input-group-text[b-7dv8braps9] {
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .notes-filters[b-7dv8braps9] {
        grid-template-columns: 1fr;
    }
}

.new-note-card[b-7dv8braps9] {
    position: relative;
    border: 2px solid var(--zealous-accent) !important;
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--zealous-accent) 40%, transparent),
                0 8px 22px var(--zealous-accent-bg);
}

.new-note-card.note-saving[b-7dv8braps9] {
    overflow: hidden;
    cursor: wait;
}

.new-note-text[b-7dv8braps9] {
    min-height: calc(3.5rem + 2px);
    max-height: 10rem;
    resize: none;
    overflow-y: hidden;
}

.notes-table[b-7dv8braps9] {
    table-layout: fixed;
    width: 100%;
}

.notes-table thead th[b-7dv8braps9] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--zealous-card, var(--zealous-bg));
    box-shadow: 0 1px 0 var(--zealous-border, rgba(255, 255, 255, 0.12));
}

.notes-table .col-name[b-7dv8braps9] {
    width: 22%;
    min-width: 9rem;
}

.notes-table .col-text[b-7dv8braps9] {
    width: auto;
}

.notes-table .col-meta[b-7dv8braps9] {
    width: 22%;
    min-width: 8rem;
}

.notes-table .col-actions[b-7dv8braps9] {
    width: 4.5rem;
}

@media (max-width: 767.98px) {
    .notes-table .col-name[b-7dv8braps9] {
        width: 30%;
    }

    .notes-table .col-meta[b-7dv8braps9] {
        width: 28%;
    }
}
/* /Pages/Footer/Requisites.razor.rz.scp.css */
/* Делаем заголовки разделов очень крупными и яркими */
.text-zealous[b-zuk51xek1i] {
    color: var(--zealous-blue) !important;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Названия полей (левая колонка) */
.field-label[b-zuk51xek1i], .table td.text-info[b-zuk51xek1i] {
    color: var(--info) !important;
    text-shadow: 0 0 10px rgba(13, 202, 240, 0.3);
    white-space: nowrap;
}

/* Значения полей (правая колонка) */
.field-value[b-zuk51xek1i], .table td.text-white[b-zuk51xek1i] {
    color: #ffffff !important;
}

/* Моноширинный шрифт для ИНН (оставляем крупным) */
.fw-mono[b-zuk51xek1i] {
    font-family: 'Consolas', monospace;
    color: var(--zealous-blue) !important;
}

/* Рамка и фон карточки */
.legal-info-panel .card[b-zuk51xek1i] {
    background: rgba(30, 41, 59, 0.7) !important;
    border: 1px solid var(--zealous-border) !important;
}

/* Hover-эффект для почты */
.neon-hover:hover[b-zuk51xek1i] {
    color: var(--info) !important;
    text-shadow: 0 0 20px var(--info);
}

/* Разделительные линии в таблице для лучшей читаемости */
.table tr.border-bottom[b-zuk51xek1i] {
    border-color: rgba(148, 163, 184, 0.1) !important;
}
/* /Pages/Footer/Settings.razor.rz.scp.css */
.language-selector[b-w0ccuszr03] {
    background: linear-gradient(135deg, var(--zealous-card) 0%, var(--zealous-bg) 100%);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
}

    .language-selector:hover[b-w0ccuszr03] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-lg);
    }

/* Заголовок карточки */
.bg-gradient-header[b-w0ccuszr03] {
    background: linear-gradient(135deg, var(--zealous-bg) 0%, var(--zealous-card) 100%);
    border-bottom: 1px solid var(--zealous-border);
}

/* Селект языка */
.language-selector .form-select[b-w0ccuszr03] {
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--zealous-border);
    color: var(--zealous-text);
    transition: var(--transition);
}

    .language-selector .form-select:focus[b-w0ccuszr03] {
        border-color: var(--primary);
        box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25);
        background-color: rgba(255, 255, 255, 0.08);
    }

/* Текст "в разработке" */
.language-selector .text-muted[b-w0ccuszr03] {
    color: var(--zealous-muted) !important;
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Адаптивность */
@media (max-width: 576px) {
    .language-selector[b-w0ccuszr03] {
        margin: 0 -0.5rem;
        border-radius: 0;
        box-shadow: none;
    }

        .language-selector .card-body[b-w0ccuszr03] {
            padding: 1rem !important;
        }

        .language-selector .form-select-lg[b-w0ccuszr03] {
            font-size: 1rem;
            padding: 0.75rem 1rem;
        }
}
/* /Pages/Footer/UserData/CategoryManager.razor.rz.scp.css */
.category-manager-container[b-jtlp694709] {
    /* Для рамок: var(--zealous-border) */
    border: 2px solid var(--zealous-border);
    border-radius: var(--border-radius);
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-sm);
}

.category-manager-title[b-jtlp694709] {
    margin-bottom: 1rem;
}

.create-card[b-jtlp694709] {
    margin-bottom: 1rem;
}

.create-input[b-jtlp694709] {
    flex: 1;
}

.create-button[b-jtlp694709] {
    min-width: 160px;
}

.list-card[b-jtlp694709] {
    margin-top: 1rem;
}

.validation-message[b-jtlp694709] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.alert-log[b-jtlp694709] {
    margin-top: 1rem;
}

.cancel-btn[b-jtlp694709] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    line-height: 1;
    margin-top: 0.25rem;
}
/* /Pages/Footer/UserData/TagsManager.razor.rz.scp.css */
.tags-manager-container[b-3dpsvpslen] {
    border: 2px solid var(--zealous-border);
    border-radius: var(--border-radius);
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-sm);
}

.tags-manager-title[b-3dpsvpslen] {
    margin-bottom: 1rem;
}

.create-card[b-3dpsvpslen] {
    margin-bottom: 1rem;
}

.create-input[b-3dpsvpslen] {
    flex: 1;
}

.create-button[b-3dpsvpslen] {
    min-width: 160px;
}

.list-card[b-3dpsvpslen] {
    margin-top: 1rem;
}

.validation-message[b-3dpsvpslen] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.alert-log[b-3dpsvpslen] {
    margin-top: 1rem;
}

.cancel-btn[b-3dpsvpslen] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    line-height: 1;
    margin-top: 0.25rem;
}
/* /Pages/Identity/ResetPassword.razor.rz.scp.css */
.form-control[b-px6xy6x40x] {
    text-align: start !important;
}

.form-floating > .form-control[b-px6xy6x40x] {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}

.form-floating > label[b-px6xy6x40x] {
    z-index: 2;
    color: var(--zealous-blue);
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control[b-px6xy6x40x]::placeholder {
    color: var(--zealous-muted) !important;
    opacity: 0.65 !important;
    font-size: 1rem;
    line-height: 1.25;
}
/* /Pages/Identity/SystemAccount.razor.rz.scp.css */
.settings-list .setting-item[b-ft2wte2398] {
    transition: var(--transition);
}

.setting-toggle[b-ft2wte2398] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
    cursor: pointer;
}

.account-logout[b-ft2wte2398] {
    padding: 0.4rem 0.9rem;
    font-size: 0.95rem;
}

.account-debug[b-ft2wte2398] {
    margin-top: 4rem;
    background-color: #1e1e1e;
    border-color: #ff4444 !important;
    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.25);
}

.account-debug-title[b-ft2wte2398] {
    color: #ff6b6b;
    text-shadow: 0 0 8px rgba(255, 107, 107, 0.4);
}

.account-debug-facts[b-ft2wte2398] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
}

.account-debug-facts > div[b-ft2wte2398] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: baseline;
}

.account-debug-facts dt[b-ft2wte2398] {
    margin: 0;
    color: #adb5bd;
    font-weight: 600;
    font-size: 0.85rem;
}

.account-debug-facts dd[b-ft2wte2398] {
    margin: 0;
    color: #74c0fc;
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.account-debug-json[b-ft2wte2398] {
    margin-top: 0.75rem;
}

.account-debug-json summary[b-ft2wte2398] {
    cursor: pointer;
    color: #ff6b6b;
    font-weight: 600;
    user-select: none;
}

.account-debug pre[b-ft2wte2398] {
    margin: 0.5rem 0 0;
    max-height: 18rem;
    overflow: auto;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.45);
    color: #e2e8f0;
    font-size: 0.8rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.account-debug code[b-ft2wte2398] {
    color: inherit;
    font-family: ui-monospace, Consolas, monospace;
}

.btn-danger[b-ft2wte2398] {
    background: linear-gradient(135deg, var(--danger) 0%, color-mix(in srgb, var(--danger) 80%, black) 100%);
    border: none;
    transition: var(--transition);
}

@media (max-width: 576px) {
    .h3[b-ft2wte2398] {
        font-size: 1.5rem !important;
    }

    .h4[b-ft2wte2398] {
        font-size: 1.25rem !important;
    }

    .h5[b-ft2wte2398] {
        font-size: 1.1rem !important;
    }
}
/* /Pages/Identity/SystemLogin.razor.rz.scp.css */
.form-control[b-rryyptanty] {
    text-align: start !important;
}

.form-floating > .form-control[b-rryyptanty] {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}

.form-floating > label[b-rryyptanty] {
    z-index: 2;
    color: var(--zealous-blue);
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control[b-rryyptanty]::placeholder {
    color: var(--zealous-muted) !important;
    opacity: 0.65 !important;
    font-size: 1rem;
    line-height: 1.25;
}

.login-modes[b-rryyptanty] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.login-mode[b-rryyptanty] {
    border: 1px solid var(--zealous-border);
    background: transparent;
    color: var(--zealous-muted);
    border-radius: var(--border-radius);
    padding: 0.4rem 0.5rem;
    font-size: 0.85rem;
    line-height: 1.2;
    transition: var(--transition);
}

    .login-mode:hover[b-rryyptanty] {
        border-color: var(--zealous-blue);
        color: var(--zealous-text);
        background: rgba(96, 165, 250, 0.08);
    }

    .login-mode.active[b-rryyptanty] {
        border-color: var(--zealous-blue);
        color: var(--zealous-blue);
        background: rgba(96, 165, 250, 0.12);
    }

    .login-mode:focus[b-rryyptanty],
    .login-mode:focus-visible[b-rryyptanty] {
        box-shadow: none;
        outline: none;
    }

.login-submit[b-rryyptanty] {
    font-weight: 600;
    box-shadow: none !important;
}

    .login-submit:focus[b-rryyptanty],
    .login-submit:focus-visible[b-rryyptanty],
    .login-submit:active[b-rryyptanty] {
        box-shadow: none !important;
    }
/* /Pages/Identity/SystemRegister.razor.rz.scp.css */
.form-control[b-7voqtmfcah] {
    text-align: start !important;
}

.form-floating > .form-control[b-7voqtmfcah] {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}

.form-floating > label[b-7voqtmfcah] {
    z-index: 2;
    color: var(--zealous-blue);
    opacity: 1;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control[b-7voqtmfcah]::placeholder {
    color: var(--zealous-muted) !important;
    opacity: 0.65 !important;
    font-size: 1rem;
    line-height: 1.25;
}

.register-nickname[b-7voqtmfcah] {
    height: 4.5rem;
    font-size: 1.5rem;
    color: var(--zealous-blue) !important;
    caret-color: var(--zealous-blue);
}

    .register-nickname:focus[b-7voqtmfcah] {
        color: var(--zealous-blue) !important;
    }
/* /Pages/InformationSystems/Arcticles/ArcticlePage.razor.rz.scp.css */
/* Контейнер-рамка */
.article-title-container[b-ehhqhvwdjr] {
    position: relative;
    display: inline-block;
    border-radius: 0.75rem;
    overflow: hidden; /* Обрезает градиент, оставляя только рамку */
    background: #0f172a; /* Цвет фона */
    padding: 2px; /* Толщина рамки */
}

    /* Эффект бегущей линии (вместо вращения) */
    .article-title-container[b-ehhqhvwdjr]::before {
        content: '';
        position: absolute;
        inset: 0;
        /* Создаем полосу света на прозрачном фоне */
        background: linear-gradient( 90deg, transparent 0%, transparent 25%, #60a5fa 50%, #a78bfa 60%, transparent 75%, transparent 100% );
        /* Растягиваем фон, чтобы было что двигать */
        background-size: 200% 100%;
        /* Анимация движения слева направо */
        animation: lightFlow-b-ehhqhvwdjr 10s linear infinite;
        z-index: 0;
    }

    /* Темная подложка, чтобы оставить свет только на границе */
    .article-title-container[b-ehhqhvwdjr]::after {
        content: '';
        position: absolute;
        inset: 2px; /* Должно совпадать с padding контейнера */
        background: #0f172a;
        border-radius: 0.65rem;
        z-index: 1;
    }

/* Текст заголовка */
.article-title-glow[b-ehhqhvwdjr] {
    position: relative;
    display: inline-block;
    color: #f8fafc;
    font-weight: 800;
    text-align: center;
    padding: 0.75rem 1.5rem;
    z-index: 2;
    margin: 0;
    /* Ваши анимации дыхания текста */
    animation: titleFadeIn-b-ehhqhvwdjr 1s ease-out forwards, titleBreath-b-ehhqhvwdjr 4s ease-in-out infinite;
    opacity: 0;
}

/* АНИМАЦИИ */

/* Движение света слева направо */
@keyframes lightFlow-b-ehhqhvwdjr {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@keyframes titleFadeIn-b-ehhqhvwdjr {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes titleBreath-b-ehhqhvwdjr {
    0%, 100% {
        text-shadow: 0 0 8px rgba(96, 165, 250, 0);
    }

    50% {
        text-shadow: 0 0 10px rgba(96, 165, 250, 0.6), 0 0 25px rgba(96, 165, 250, 0.4);
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .article-title-glow[b-ehhqhvwdjr] {
        font-size: 1.8rem;
        padding: 0.6rem 1rem;
    }
}
/* /Pages/InformationSystems/Arcticles/ArcticlesPage.razor.rz.scp.css */
/* wwwroot/css/components/articles-list.css */

.articles-block-card[b-96aezi6sap] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid #334155 !important;
}

    .articles-block-card:hover[b-96aezi6sap] {
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5) !important;
    }

.articles-item[b-96aezi6sap] {
    background-color: transparent !important;
    border-color: #343a40 !important;
    transition: background-color 0.3s ease, transform 0.2s ease;
    min-height: 70px;
}

    .articles-item:hover[b-96aezi6sap] {
        background-color: #2c3034 !important;
        transform: translateY(-3px);
    }

.text-dark[b-96aezi6sap] {
    color: #e2e8f0 !important;
}

.articles-item:hover .text-dark[b-96aezi6sap] {
    color: #60a5fa !important;
}

@keyframes fadeIn-b-96aezi6sap {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate__animated.animate__fadeIn[b-96aezi6sap] {
    animation: fadeIn-b-96aezi6sap 0.5s ease-out !important;
}
/* /Pages/InformationSystems/Plan/DevelopmentFundingBlock.razor.rz.scp.css */
.development-funding-block[b-6riobbhs42] {
    max-width: 420px;
}

.funding-card[b-6riobbhs42] {
    background: linear-gradient(160deg, rgba(13, 202, 240, 0.1) 0%, var(--zealous-card) 70%);
}

.funding-card-icon[b-6riobbhs42] {
    background: rgba(13, 202, 240, 0.08);
    border: 1px solid var(--zealous-border);
}

.funding-card .btn-info[b-6riobbhs42] {
    transition: all 0.3s ease;
    border: none;
}

    .funding-card .btn-info:hover[b-6riobbhs42] {
        background: #0dc6fd;
        box-shadow: 0 0 20px rgba(13, 198, 253, 0.5);
        transform: translateY(-2px);
    }

.funding-card .tracking-wider[b-6riobbhs42] {
    letter-spacing: 0.5px;
}

.funding-card-note[b-6riobbhs42] {
    font-size: 0.7rem;
    opacity: 1;
}
/* /Pages/InformationSystems/Plan/Plan_Page.razor.rz.scp.css */
/* ====================== ROADMAP TIMELINE – СТРОГАЯ ГЕОМЕТРИЯ ====================== */
.roadmap-intro[b-50egg0p0ob] {
    max-width: 720px;
    margin: 0 auto 2.5rem;
    text-align: center;
    opacity: 0.85;
}

.roadmap-track[b-50egg0p0ob] {
    max-width: 1100px;
    margin: 0 auto 2rem;
}

.roadmap-track-header[b-50egg0p0ob] {
    padding: 0 20px 0 20px;
    margin-bottom: 0.25rem;
}

.roadmap-track-icon[b-50egg0p0ob] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 202, 240, 0.08);
    border: 1px solid var(--zealous-border);
    color: #0dcaf0;
    font-size: 1.2rem;
}

.roadmap-closing[b-50egg0p0ob] {
    position: relative;
    z-index: 10;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 80px 20px;
}

.timeline-container[b-50egg0p0ob] {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
}

.timeline-line[b-50egg0p0ob] {
    position: absolute;
    top: 30px;
    bottom: 40px;
    left: 60px;
    width: 6px;
    background: linear-gradient(to bottom, #0d6efd, #6610f2);
    border-radius: 3px;
    z-index: 1;
    box-shadow: 0 0 12px rgba(13, 110, 253, 0.4);
}

.timeline-item[b-50egg0p0ob] {
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    align-items: flex-start;
    z-index: 2;
}

    .timeline-item:last-child[b-50egg0p0ob] {
        margin-bottom: 1.5rem;
    }

.timeline-badge-col[b-50egg0p0ob] {
    width: 86px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.timeline-badge[b-50egg0p0ob] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 5px solid #212529;
    background: #6c757d;
    z-index: 3;
    box-shadow: 0 0 0 6px rgba(108, 117, 125, 0.25);
    transition: all 0.3s ease;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: white;
}

    .timeline-badge.current[b-50egg0p0ob] {
        background: #0d6efd;
        box-shadow: 0 0 0 8px rgba(13, 110, 253, 0.35);
    }

    .timeline-badge.upcoming[b-50egg0p0ob] {
        background: #ffc107;
        box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.3);
    }

    .timeline-badge.completed[b-50egg0p0ob] {
        background: #198754;
        box-shadow: 0 0 0 6px rgba(25, 135, 84, 0.3);
    }

    .timeline-badge.status-completed[b-50egg0p0ob] {
        background: #198754;
        box-shadow: 0 0 10px rgba(25, 135, 84, 0.4);
    }

    .timeline-badge.status-current[b-50egg0p0ob] {
        background: #0d6efd;
        box-shadow: 0 0 20px rgba(13, 110, 253, 0.6);
        animation: pulse-blue-b-50egg0p0ob 2s infinite;
    }

    .timeline-badge.status-upcoming[b-50egg0p0ob] {
        background: #ffc107;
        color: #000;
    }

    .timeline-badge.status-planned[b-50egg0p0ob] {
        background: #6c757d;
        opacity: 0.6;
    }

    .timeline-badge.status-paused[b-50egg0p0ob] {
        background: #fd7e14;
    }

    .timeline-badge.status-cancelled[b-50egg0p0ob] {
        background: #dc3545;
        text-decoration: line-through;
        opacity: 0.5;
    }

@keyframes pulse-blue-b-50egg0p0ob {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(13, 110, 253, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

.timeline-arrow[b-50egg0p0ob] {
    position: absolute;
    top: 56px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 20px solid #12dbffd2;
    z-index: 2;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.timeline-content-col[b-50egg0p0ob] {
    flex: 1;
    padding-left: 20px;
}

.timeline-card[b-50egg0p0ob] {
    background-color: #2b2f38 !important;
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
}

    .timeline-card:hover[b-50egg0p0ob] {
        transform: translateY(-5px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    }

.mission-block[b-50egg0p0ob] {
    margin-top: 4.5rem;
    padding-left: 86px;
}

@media (max-width: 768px) {
    .roadmap-track-header[b-50egg0p0ob] {
        padding: 0 10px;
    }

    .roadmap-closing[b-50egg0p0ob] {
        padding: 20px 10px 80px 10px;
    }

    .timeline-container[b-50egg0p0ob] {
        padding: 20px 10px 20px 10px;
    }

    .timeline-line[b-50egg0p0ob] {
        left: 45px;
    }

    .timeline-badge-col[b-50egg0p0ob] {
        width: 70px;
    }

    .timeline-badge[b-50egg0p0ob] {
        width: 26px;
        height: 26px;
        border-width: 4px;
    }

    .timeline-arrow[b-50egg0p0ob] {
        top: 44px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 14px solid #6610f2;
    }

    .timeline-content-col[b-50egg0p0ob] {
        padding-left: 10px;
    }

    .mission-block[b-50egg0p0ob] {
        padding-left: 70px;
    }
}

.mission-card[b-50egg0p0ob] {
    border-style: dashed !important;
}
/* /Pages/InformationSystems/Plan/Targets.razor.rz.scp.css */
/* Локальные стили только для этой страницы, не затрагивают глобальные переменные */
.page-wrapper[b-wby4veoxe2] {
    background-color: var(--zealous-bg);
}

.hover-text-primary:hover[b-wby4veoxe2] {
    color: var(--zealous-blue) !important;
    text-decoration: none;
}

.space-y-2 > * + *[b-wby4veoxe2] {
    margin-top: 0.5rem;
}

.list-disc[b-wby4veoxe2] {
    list-style-type: disc;
}

.list-inside[b-wby4veoxe2] {
    list-style-position: inside;
}

.accordion-button[b-wby4veoxe2]::after {
    filter: invert(1) grayscale(1);
}

.accordion-button:not(.collapsed)[b-wby4veoxe2] {
    background-color: rgba(13, 110, 253, 0.1);
    color: var(--zealous-text);
}
/* /Pages/InformationSystems/Science/ScienceHierarchy.razor.rz.scp.css */
/* Компонент подстраивается под родителя */
.science-viewer[b-vbh987taa8] {
    width: 100%;
    height: 100%;
    min-height: 280px; /* минимальная высота, чтобы не исчез на маленьком экране */
    background-color: rgb(30 30 30);
}

/* На мобильных — меньше минимальная высота */
@media (max-width: 576px) {
    .science-viewer[b-vbh987taa8] {
        min-height: 220px;
    }
}

/* Родительская колонка тоже гибкая */
.col-lg-5 .science-wrapper[b-vbh987taa8],
.col-lg-5[d-flex][b-vbh987taa8] {
    height: 100%;
    min-height: 35vh; /* минимальная на десктопе */
}

@media (max-width: 991px) {
    .col-lg-5 .science-wrapper[b-vbh987taa8],
    .col-lg-5[d-flex][b-vbh987taa8] {
        min-height: 40vh;
    }
}
/* /Pages/Master/Index.razor.rz.scp.css */
.feature-card[b-6zng04sazn] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--bs-body-bg);
}

    .feature-card:hover[b-6zng04sazn] {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
    }

/* Улучшение бейджа */
.badge[b-6zng04sazn] {
    min-width: 36px;
    font-weight: 500;
}

/* Плавная прокрутка для якорных ссылок (если понадобится) */
html[b-6zng04sazn] {
    scroll-behavior: smooth;
}

/* wwwroot/css/components/project-buttons.css */
/* Градиентные кнопки в тёмной теме */

.btn-dev-process[b-6zng04sazn] {
    background: linear-gradient(135deg, #4b5563 0%, #1f2937 100%);
    border: none;
    color: #e2e8f0;
    font-weight: 600;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

    .btn-dev-process:hover[b-6zng04sazn] {
        background: linear-gradient(135deg, #374151 0%, #111827 100%);
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
        color: #f8fafc;
    }

.btn-project-goals[b-6zng04sazn] {
    background: linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);
    border: none;
    color: #ffffff;
    font-weight: 600;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

    .btn-project-goals:hover[b-6zng04sazn] {
        background: linear-gradient(135deg, #6d28d9 0%, #3b1691 100%);
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(124, 58, 237, 0.4);
        color: #ffffff;
    }

.btn-project-description[b-6zng04sazn] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);
    border: none;
    color: #ffffff;
    font-weight: 600;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

    .btn-project-description:hover[b-6zng04sazn] {
        background: linear-gradient(135deg, #0284c7 0%, #025a8a 100%);
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(14, 165, 233, 0.4);
        color: #ffffff;
    }

    /* Лёгкий внутренний блик для премиального вида */
    .btn-dev-process[b-6zng04sazn]::before,
    .btn-project-goals[b-6zng04sazn]::before,
    .btn-project-description[b-6zng04sazn]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 60%);
        border-radius: inherit;
        opacity: 0.6;
        transition: opacity 0.4s ease;
        pointer-events: none;
    }

    .btn-dev-process:hover[b-6zng04sazn]::before,
    .btn-project-goals:hover[b-6zng04sazn]::before,
    .btn-project-description:hover[b-6zng04sazn]::before {
        opacity: 0.9;
    }

/* Адаптивность на мобильных */
@media (max-width: 576px) {
    .btn-lg[b-6zng04sazn] {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }
}
/* /Pages/Master/MasterCards.razor.rz.scp.css */
/* Полная ширина без ограничения */
.full-width-content[b-uwrts7jibd] {
    width: 100%;
    max-width: 100vw;
    padding-left: clamp(0.75rem, 3vw, 4rem);
    padding-right: clamp(0.75rem, 3vw, 4rem);
    margin-left: auto;
    margin-right: auto;
}

/* Градиенты и карточки */
.bg-gradient-main[b-uwrts7jibd],
.feature-card-dark[b-uwrts7jibd] {
    background: linear-gradient(135deg, var(--zealous-card) 0%, var(--zealous-bg) 100%);
    border: 1px solid var(--zealous-border) !important;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

    .feature-card-dark:hover[b-uwrts7jibd] {
        transform: translateY(-8px);
        box-shadow: var(--shadow-lg);
    }

/* Отключаем hover на мобильных */
@media (hover: none) {
    .feature-card-dark:hover[b-uwrts7jibd] {
        transform: none;
        box-shadow: var(--shadow-sm);
    }
}

/* Обёртка карточки — гибкая ширина */
.feature-card-wrapper[b-uwrts7jibd] {
    flex: 1 1 320px; /* базовая ширина 320px, растягивается */
    min-width: 320px; /* никогда не меньше 320px */
    max-width: 420px; /* не растягивается шире 420px */
}

/* На планшетах шире */
@media (min-width: 768px) {
    .feature-card-wrapper[b-uwrts7jibd] {
        flex: 1 1 360px;
        min-width: 360px;
        max-width: 480px;
    }
}

/* На десктопе ещё шире */
@media (min-width: 992px) {
    .feature-card-wrapper[b-uwrts7jibd] {
        flex: 1 1 400px;
        min-width: 400px;
        max-width: 520px;
    }
}

/* На очень больших экранах */
@media (min-width: 1400px) {
    .feature-card-wrapper[b-uwrts7jibd] {
        flex: 1 1 440px;
        min-width: 440px;
        max-width: 560px;
    }
}

/* На узких экранах (<400px) чуть сжимаем */
@media (max-width: 400px) {
    .feature-card-wrapper[b-uwrts7jibd] {
        min-width: 280px;
    }
}

/* ScienceHierarchy — подстраивается под колонку */
.science-viewer[b-uwrts7jibd] {
    width: 100%;
    height: 100%;
    min-height: 280px;
    background-color: rgb(30 30 30);
}

/* Минимальные отступы и размеры на смартфонах */
@media (max-width: 576px) {
    main[b-uwrts7jibd] {
        padding-top: 0.5rem !important;
        padding-bottom: 1rem !important;
    }

    .mb-4[b-uwrts7jibd], .mb-5[b-uwrts7jibd] {
        margin-bottom: 1rem !important;
    }

    .pt-3[b-uwrts7jibd], .pt-4[b-uwrts7jibd] {
        padding-top: 0.5rem !important;
    }

    .card-body[b-uwrts7jibd] {
        padding: 1rem !important;
    }

    .display-3[b-uwrts7jibd], .display-4[b-uwrts7jibd] {
        font-size: 2.1rem !important;
    }

    .display-5[b-uwrts7jibd], .display-6[b-uwrts7jibd] {
        font-size: 1.6rem !important;
    }

    .lead[b-uwrts7jibd], .fs-5[b-uwrts7jibd] {
        font-size: 1.05rem !important;
        line-height: 1.45;
    }

    .fs-6[b-uwrts7jibd] {
        font-size: 0.95rem !important;
    }

    .shadow-xl[b-uwrts7jibd], .shadow-lg[b-uwrts7jibd] {
        box-shadow: var(--shadow-sm) !important;
    }
}
/* /Pages/Misc/EngineWhy.razor.rz.scp.css */
.hover-shadow[b-981mcbx1ew] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .hover-shadow:hover[b-981mcbx1ew] {
        transform: translateY(-8px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
    }

/* Дополнительное увеличение пространства при необходимости */
@media (min-width: 768px) {
    .lh-lg br[b-981mcbx1ew] {
        display: block;
        margin-bottom: 1rem; /* Ещё больше пространства после <br /> на больших экранах */
    }
}
/* /Pages/Play.razor.rz.scp.css */
.launcher-section .launcher-card[b-806tirrhw5],
.launcher-section .requirements-card[b-806tirrhw5] {
    background: linear-gradient(135deg, var(--zealous-card) 0%, var(--zealous-bg) 100%);
    border: 1px solid var(--zealous-border);
    border-radius: var(--border-radius);
    transition: var(--transition);
    box-shadow: var(--shadow-lg);
}

    .launcher-section .launcher-card:hover[b-806tirrhw5],
    .launcher-section .requirements-card:hover[b-806tirrhw5] {
        transform: translateY(-4px);
        box-shadow: 0 16px 32px rgba(0,0,0,0.4);
    }

/* Заголовки карточек */
.bg-gradient-header[b-806tirrhw5] {
    background: linear-gradient(135deg, var(--zealous-bg) 0%, var(--zealous-card) 100%);
    border-bottom: 1px solid var(--zealous-border);
}

/* Текст внутри */
.launcher-section h2[b-806tirrhw5],
.launcher-section h4[b-806tirrhw5],
.launcher-section h5[b-806tirrhw5],
.launcher-section h6[b-806tirrhw5] {
    color: var(--zealous-text);
}

.launcher-section .lead[b-806tirrhw5],
.launcher-section p[b-806tirrhw5] {
    color: var(--zealous-muted);
}

/* Адаптивность на мобильных */
@media (max-width: 576px) {
    .launcher-section[b-806tirrhw5] {
        margin: 0 -0.5rem;
    }

        .launcher-section .card-body[b-806tirrhw5] {
            padding: 1.25rem !important;
        }

        .launcher-section .card-header[b-806tirrhw5] {
            padding: 1rem !important;
        }

        .launcher-section .display-5[b-806tirrhw5] {
            font-size: 1.8rem !important;
        }

        .launcher-section .display-6[b-806tirrhw5] {
            font-size: 1.5rem !important;
        }

        .launcher-section .lead[b-806tirrhw5] {
            font-size: 1.05rem !important;
        }
}


/* Контейнер и общая логика таблицы */
.requirements-container .requirements-table[b-806tirrhw5] {
    table-layout: fixed; /* Строгий контроль ширины колонок */
/*    width: 100%;*/
    border-collapse: separate;
    border-spacing: 0;
}

    /* Настройка ширины колонок */
    .requirements-container .requirements-table th:nth-child(1)[b-806tirrhw5] {
        width: 22%;
    }
    /* Параметр */
    .requirements-container .requirements-table th:nth-child(2)[b-806tirrhw5] {
        width: 43%;
    }
    /* Минимум (больше места для текста) */
    .requirements-container .requirements-table th:nth-child(3)[b-806tirrhw5] {
        width: 35%;
    }
    /* Рекомендуется */

    /* Ячейки */
    .requirements-container .requirements-table td[b-806tirrhw5] {
        padding: 1rem 0.75rem !important;
        vertical-align: top; /* Текст и иконки всегда прижаты к верху */
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        white-space: normal; /* Разрешаем перенос строк */
        overflow-wrap: break-word; /* Защита от очень длинных слов */
        line-height: 1.4;
    }

        /* Иконки параметров */
        .requirements-container .requirements-table td i[b-806tirrhw5] {
            width: 24px;
            display: inline-block;
            color: var(--info);
            opacity: 0.8;
        }

/* Заголовки таблицы */
.requirements-container .bg-darker[b-806tirrhw5] {
    background-color: rgba(15, 23, 42, 0.9) !important;
}

.requirements-container .requirements-table th[b-806tirrhw5] {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 2px solid var(--zealous-border) !important;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .requirements-container .requirements-table[b-806tirrhw5] {
        table-layout: auto; /* На мобилках разрешаем таблице вести себя свободнее */
    }

        .requirements-container .requirements-table td i[b-806tirrhw5] {
            display: none; /* Прячем иконки, чтобы не занимать место */
        }

    .requirements-container .fs-5[b-806tirrhw5] {
        font-size: 0.9rem !important;
    }
}
/* /Pages/Social/SocialChat.razor.rz.scp.css */
.dev-status[b-htgcai1ba9] {
    font-size: 1.1rem;
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.3);
    background: rgba(255, 193, 7, 0.05);
    padding: 8px 16px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.5), inset 0 0 10px rgba(255,193,7,0.1);
    transition: all 0.3s ease;
}

.status-badge-wrapper[b-htgcai1ba9] {
    animation: badge-pulse-b-htgcai1ba9 2s ease-in-out infinite;
}

.spin-icon[b-htgcai1ba9] {
    display: inline-block;
    animation: rotate-gear-b-htgcai1ba9 4s linear infinite;
}

@keyframes rotate-gear-b-htgcai1ba9 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes badge-pulse-b-htgcai1ba9 {
    0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.2); }
    70% { box-shadow: 0 0 0 10px rgba(255, 193, 7, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
/* Панель аккаунта — на десктопе в ряд, на мобильных — маленькие кнопки рядом */
.account-panel[b-ha6tit5eks],
.auth-buttons[b-ha6tit5eks] {
    flex-wrap: nowrap; /* не переносим на новую строку */
    justify-content: flex-end;
}

/* Кнопка кредитов */
.btn-credits[b-ha6tit5eks] {
    background: linear-gradient(135deg, var(--info) 0%, color-mix(in srgb, var(--zealous-blue) 70%, black) 100%);
    color: var(--dark);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius);
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(7, 255, 247, 0.22);
    transition: var(--transition);
    min-width: 80px; /* минимальная ширина на мобильных */
}

    .btn-credits:hover[b-ha6tit5eks] {
        background: linear-gradient(135deg, var(--info) 0%, color-mix(in srgb, var(--zealous-blue) 80%, black) 100%);
        transform: translateY(-2px);
        filter: brightness(1.1);
        box-shadow: 0 6px 20px rgba(7, 255, 247, 0.72);
    }

/* Кнопка никнейма */
.btn-nickname[b-ha6tit5eks] {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid var(--zealous-border);
    color: var(--zealous-text);
    border-radius: var(--border-radius);
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    min-width: 120px;
    max-width: 240px;
}

    .btn-nickname:hover[b-ha6tit5eks] {
        border-color: var(--zealous-blue);
        background: rgba(96, 165, 250, 0.1);
        color: var(--light);
    }

/* Кнопки входа и регистрации */
.btn-login[b-ha6tit5eks] {
    border: 1px solid var(--zealous-blue);
    color: var(--zealous-blue);
    background: transparent;
    border-radius: var(--border-radius);
    transition: var(--transition);
    font-weight: 500;
}

    .btn-login:hover[b-ha6tit5eks] {
        background: rgba(96, 165, 250, 0.1);
        color: var(--light);
    }

.btn-register[b-ha6tit5eks] {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: var(--light);
    border: none;
    border-radius: var(--border-radius);
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

    .btn-register:hover[b-ha6tit5eks] {
        transform: scale(1.03);
        box-shadow: 0 5px 15px rgba(13, 110, 253, 0.4);
    }

/* Адаптивность для телефонов */
@media (max-width: 576px) {
    .account-panel[b-ha6tit5eks],
    .auth-buttons[b-ha6tit5eks] {
        gap: 8px !important; /* маленький промежуток */
        justify-content: center;
        flex-wrap: nowrap; /* остаются в ряд */
        overflow-x: auto; /* если не помещаются — горизонтальный скролл */
    }

    .btn-credits[b-ha6tit5eks],
    .btn-nickname[b-ha6tit5eks],
    .btn-login[b-ha6tit5eks],
    .btn-register[b-ha6tit5eks] {
        padding: 0.4rem 0.8rem !important; /* маленькие кнопки */
        font-size: 0.9rem !important;
        min-width: auto !important;
        max-width: none !important;
        white-space: nowrap;
    }

    .btn-credits[b-ha6tit5eks] {
        min-width: 70px;
    }

    .btn-nickname[b-ha6tit5eks] {
        font-size: 0.95rem !important;
        max-width: 160px !important;
    }
}

/* Очень узкие экраны (<380px) — разрешаем перенос */
@media (max-width: 380px) {
    .account-panel[b-ha6tit5eks],
    .auth-buttons[b-ha6tit5eks] {
        flex-wrap: wrap;
        justify-content: center;
    }
}