/* ==========================================================================
   PHX Page Guide — shared header button
   --------------------------------------------------------------------------
   دکمهٔ «راهنمای این صفحه» در میزبان‌های manager.aspx و Default.aspx مشترک است.
   این فایل به‌صورت ایستا (نه تنبل) در هر دو میزبان ثبت می‌شود تا دکمه پیش از
   کلیک کاربر ظاهر درست داشته باشد. هیچ قاعده‌ای بیرون از این دکمه اعمال نمی‌شود.
   ========================================================================== */

/* کلاس پنهان‌سازی سرور-رندرشده:
   دکمه فقط زمانی نمایش داده می‌شود که page-guide-loader.js پس از بررسی رجیستری
   مطمئن شود برای فرم فعال یک راهنمای اختصاصی authored وجود دارد. تا آن لحظه و
   برای فرم‌های بدون راهنما، این کلاس دکمه را کاملاً پنهان نگه می‌دارد.
   وجود !important لازم است چون .d-inline-flex در بوت‌استرپ هم !important دارد. */
.phx-guide-hidden {
    display: none !important;
}

.phx-action-toolbar .phx-page-guide-btn {
    width: auto !important;
    padding: 0 10px !important;
    gap: 6px;
    color: var(--phx-primary) !important;
    background: var(--phx-primary-soft) !important;
    border: 1px solid #C7D2FE !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

.phx-action-toolbar .phx-page-guide-btn .phx-page-guide-btn-label {
    line-height: 1;
}

.phx-action-toolbar .phx-page-guide-btn:hover {
    color: #FFFFFF !important;
    background: var(--phx-primary) !important;
    border-color: var(--phx-primary-hover) !important;
}

.phx-action-toolbar .phx-page-guide-btn.is-loading {
    opacity: 0.65;
    cursor: progress;
}

.phx-action-toolbar .phx-page-guide-btn:focus-visible {
    outline: 2px solid var(--phx-primary) !important;
    outline-offset: 2px;
}

@media (max-width: 1199.98px) {
    .phx-action-toolbar .phx-page-guide-btn {
        width: 34px !important;
        padding: 0 !important;
        font-size: 1rem !important;
    }

    .phx-action-toolbar .phx-page-guide-btn .phx-page-guide-btn-label {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .phx-action-toolbar .phx-page-guide-btn {
        width: 32px !important;
        font-size: 0.92rem !important;
    }
}