@supports not selector(::-webkit-scrollbar) {
    .scroll {
        scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
        scrollbar-width: thin;
    }
}

.big-popover {
    --bs-popover-max-width: 400px;
}

.dropdown-user {
    visibility: hidden;
}

/* 隐藏Dropdown的下拉箭头，只保留省略号图标 */
.dropdown-ellipsis .dropdown-toggle::after {
    display: none !important;
}

.datetime-picker {
    --bb-dt-picker-input-icon-padding: 6px 6px 6px 33px;
}

/* 可点击元素的悬停效果 - 保持默认样式，只在悬停时改变 */
.hover-link {
    cursor: pointer;
    transition: color 0.2s ease;
}

    .hover-link:hover {
        color: #007bff !important;
        text-decoration: underline !important;
    }

#blazor-error-ui {
    background: lightyellow;
    color: black;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.help-fab {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(33, 37, 41, 0.2);
    color: #fff;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    transition: all 0.2s ease;
}

    .help-fab:hover,
    .help-fab:active {
        background: rgba(33, 37, 41, 0.75);
        transform: translateY(-1px);
    }