/* Guided tour — стиль Velvet поверх driver.js */

.driver-popover.erp-onboarding-popover {
    background: #1e2a38;
    color: #f4f7fb;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
    max-width: min(420px, calc(100vw - 32px));
    font-family: inherit;
}

.driver-popover.erp-onboarding-popover .driver-popover-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff;
}

.driver-popover.erp-onboarding-popover .driver-popover-description {
    font-size: 0.92rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.88);
    white-space: pre-line;
}

.driver-popover.erp-onboarding-popover .driver-popover-progress-text {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.8rem;
}

.driver-popover.erp-onboarding-popover .driver-popover-footer button {
    border-radius: 8px;
    font-size: 0.85rem;
    padding: 0.35rem 0.75rem;
    text-shadow: none;
}

.driver-popover.erp-onboarding-popover .driver-popover-next-btn {
    background: #3d8bfd;
    color: #fff;
    border: none;
}

.driver-popover.erp-onboarding-popover .driver-popover-prev-btn {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Крестик закрытия отключён — только «Далее» / «Больше не показывать» */
.driver-popover.erp-onboarding-popover > .driver-popover-close-btn {
    display: none !important;
}

.erp-onboarding-disable-btn {
    margin-right: auto;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8rem;
    text-decoration: underline;
    padding: 0.35rem 0.25rem;
    cursor: pointer;
}

.erp-onboarding-disable-btn:hover {
    color: #fff;
}

/* backdrop-filter на SVG-оверлее размывает и «дырку» spotlight — только затемнение */
.driver-active .driver-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Размытие вне spotlight: один слой + mask-cutout (без швов между панелями) */
.erp-onboarding-blur-shade {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.driver-active-element {
    border-radius: 8px !important;
    filter: none !important;
}

/* Модалки во время обучения — поверх оверлея, поля доступны для ввода */
body.erp-onboarding-modal-mode .modal.show {
    z-index: 10000000001 !important;
}

body.erp-onboarding-modal-mode .modal.show,
body.erp-onboarding-modal-mode .modal.show * {
    pointer-events: auto !important;
}

body.erp-onboarding-modal-mode .driver-overlay {
    pointer-events: none !important;
}

body.erp-onboarding-modal-mode .driver-popover {
    z-index: 10000000002 !important;
}

/* Рабочая область вкладки — кнопки таблицы и прочее кликабельны */
body.erp-onboarding-workspace-mode .driver-overlay {
    pointer-events: none !important;
}

body.erp-onboarding-workspace-mode .tab-pane.active.show,
body.erp-onboarding-workspace-mode .tab-pane.active.show * {
    pointer-events: auto !important;
}

body.erp-onboarding-workspace-mode .modal.show {
    z-index: 10000000001 !important;
}

body.erp-onboarding-workspace-mode .modal.show,
body.erp-onboarding-workspace-mode .modal.show * {
    pointer-events: auto !important;
}

body.erp-onboarding-workspace-mode .driver-popover,
body.erp-onboarding-workspace-mode .driver-popover * {
    pointer-events: auto !important;
}