/* assets/style.css */

/* 1. 设置滚动条宽度 */
.hover-scroll::-webkit-scrollbar {
    width: 6px; /* 细条 */
    height: 6px;
}

/* 2. 轨道 (Track) - 永远透明 */
.hover-scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* 3. 滑块 (Thumb) - 默认状态：透明 (看不见) */
.hover-scroll::-webkit-scrollbar-thumb {
    background-color: transparent; /* 关键！默认看不见 */
    border-radius: 10px;
}

/* 4. 鼠标悬停在容器上时 - 滑块变灰 (看见了) */
.hover-scroll:hover::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; /* 对应 Tailwind gray-300 */
}

/* 5. 兼容 Firefox (Firefox 不支持 webkit 前缀) */
.hover-scroll {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent; /* 默认透明 */
}
.hover-scroll:hover {
    scrollbar-color: #cbd5e1 transparent; /* 悬停变灰 */
}

.hover-scroll {
    overflow-y: auto; /* 或者是 overlay */
}

/* 1. 强制 Ant Picker 背景透明 */
/* 这样外层 div 的 bg-base-100 才能显现出来 */
.ant-picker {
    background-color: transparent !important;
}

/* 2. 强制输入框文字颜色跟随主题 */
/* inherit 会让它继承外层 div 的 text-base-content */
.ant-picker-input > input {
    color: inherit !important;
}

/* 3. 核心修复：Placeholder (占位符) 颜色 */
/* 必须单独设置，Ant Design 默认是灰黑色，暗黑模式下看不清 */
.ant-picker-input > input::placeholder {
    /* 使用 DaisyUI 的文字颜色变量 (--bc)，并设置 40% 不透明度 */
    /* 这样在亮色是浅灰，暗色是浅白 */
    color: color-mix(in oklab, currentcolor 60%, transparent) !important;
}

/* 4. 修复后缀图标 (日历图标) 颜色 */
.ant-picker-suffix {
    color: color-mix(in oklab, currentcolor 60%, transparent) !important;
}

/* 5. 修复清除图标 (那个小叉号) */
.ant-picker-clear {
    color: color-mix(in oklab, currentcolor 60%, transparent) !important;
    background: transparent !important;
}

/*  替换日期选择颜色 Placeholder */
:where(.css-mncuj7).ant-picker {
    color: color-mix(in oklab, currentcolor 60%, transparent) !important;
}
/*
:where(.css-mncuj7).ant-picker-dropdown .ant-picker-panel-container {
    background: color-mix(in oklab, currentcolor 60%, transparent) !important;
}

:where(.css-mncuj7).ant-picker-dropdown .ant-picker-cell-in-view {
color: color-mix(in oklab, currentcolor 10%, transparent);
    } */