/* Launcher only — do NOT share these rules with .modal (was blocking clicks). */
@media print {
    .support-widget-container {
        display: none !important;
    }
}

/* Launcher below Bootstrap modal stack (backdrop 1050 / modal 1055 in BS5) */
.support-widget-container {
    z-index: 1030;
    pointer-events: none;
}

.support-widget-container * {
    pointer-events: auto;
}

/* Stacking for this modal only (Bootstrap backdrop + dialog); launcher stays at 1030. */
body.modal-open:has(#supportWidgetModal.show) .modal-backdrop.show {
    z-index: 1040;
}

#supportWidgetModal.support-widget-modal.show {
    z-index: 1050;
}

.support-widget-proactive {
    max-width: 14rem;
    animation: support-widget-fade-in 0.35s ease;
}

@keyframes support-widget-fade-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.support-widget-fab {
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
    border: none;
    font-weight: 600;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.65rem;
    transition: box-shadow 0.2s ease, transform 0.15s ease, padding 0.2s ease;
}

.support-widget-fab:hover,
.support-widget-inner:focus-within .support-widget-fab {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(79, 70, 229, 0.45);
}

.support-widget-fab:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.35);
}

.support-widget-fab-text {
    display: inline-block;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width 0.22s ease, opacity 0.18s ease, margin 0.18s ease;
    vertical-align: middle;
}

.support-widget-inner:hover .support-widget-fab-text,
.support-widget-inner:focus-within .support-widget-fab-text {
    max-width: 6.5rem;
    opacity: 1;
    margin-inline-start: 0.35rem;
}

.support-widget-inner:hover .support-widget-fab,
.support-widget-inner:focus-within .support-widget-fab {
    padding-inline: 0.95rem 1.1rem;
}

/* Modal-specific (Bootstrap handles backdrop + dialog z-index) */
.support-widget-modal .modal-content {
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.support-widget-modal .list-group-item-action {
    border-radius: 0.65rem !important;
    margin-bottom: 0.35rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.support-widget-modal .list-group-item-action:hover {
    background: rgba(79, 70, 229, 0.06);
}

.support-widget-searchable.d-none {
    display: none !important;
}

@media (max-width: 575.98px) {
    .support-widget-container {
        left: 0;
        right: 0;
        padding: 0.65rem 1rem calc(0.65rem + env(safe-area-inset-bottom, 0)) !important;
        display: flex;
        justify-content: center;
    }

    .support-widget-stack {
        width: 100%;
        align-items: center !important;
    }

    .support-widget-fab {
        width: 100%;
        max-width: 22rem;
        min-height: 3rem;
        justify-content: center;
    }

    .support-widget-inner:focus-within .support-widget-fab-text {
        max-width: 6.5rem;
        opacity: 1;
        margin-inline-start: 0.35rem;
    }
}