/* ============================================================
   Filament 管理后台侧边栏滚动条美化
   说明：更细、更圆润的侧边栏滚动条
   ============================================================ */

.fi-sidebar,
.fi-sidebar-nav,
.fi-sidebar .overflow-y-auto {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
}

.fi-sidebar::-webkit-scrollbar,
.fi-sidebar-nav::-webkit-scrollbar,
.fi-sidebar .overflow-y-auto::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.fi-sidebar::-webkit-scrollbar-track,
.fi-sidebar-nav::-webkit-scrollbar-track,
.fi-sidebar .overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
}

.fi-sidebar::-webkit-scrollbar-thumb,
.fi-sidebar-nav::-webkit-scrollbar-thumb,
.fi-sidebar .overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.5);
    border-radius: 999px;
    transition: background 0.2s ease;
}

.fi-sidebar::-webkit-scrollbar-thumb:hover,
.fi-sidebar-nav::-webkit-scrollbar-thumb:hover,
.fi-sidebar .overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.7);
}

/* 隐藏横向滚动条 */
.fi-sidebar::-webkit-scrollbar-corner,
.fi-sidebar-nav::-webkit-scrollbar-corner,
.fi-sidebar .overflow-y-auto::-webkit-scrollbar-corner {
    background: transparent;
}

/* ============================================================
   筛选器区域紧凑布局（select + 重置按钮 紧贴一行）
   ============================================================ */
.fi-ta-filters {
    gap: 0.25rem !important;
    margin-bottom: 0.75rem !important;
}
/* 隐藏空的标题 h4 */
.fi-ta-filters h4:empty { display: none !important; }
/* JS 把重置按钮移到 form 内后，隐藏标题行 */
.fi-ta-filters > .flex.items-center.justify-between.moved-reset {
    display: none !important;
}
/* form 区域：水平排列 */
.fi-ta-filters form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}
.fi-ta-filters form > div,
.fi-ta-filters form [data-field-wrapper] {
    margin: 0 !important;
    padding: 0 !important;
}
/* label 小化 */
.fi-ta-filters form label {
    font-size: 0.75rem !important;
    color: rgb(107, 114, 128) !important;
    font-weight: 500 !important;
    margin-bottom: 0.25rem !important;
}
/* select 控件高度压缩 */
.fi-ta-filters form select {
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    font-size: 0.875rem !important;
}
/* 重置链接：红色文字按钮 */
.fi-ta-filters .fi-link {
    font-size: 0.875rem !important;
    color: rgb(220, 38, 38) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.375rem !important;
    transition: background 0.15s ease !important;
    white-space: nowrap !important;
}
.fi-ta-filters .fi-link:hover {
    background: rgba(220, 38, 38, 0.08) !important;
    text-decoration: none !important;
}
.dark .fi-ta-filters .fi-link {
    color: rgb(248, 113, 113) !important;
}
.dark .fi-ta-filters .fi-link:hover {
    background: rgba(248, 113, 113, 0.1) !important;
}