/* 当前遗漏明细列表模块 (omission_details_list.css) */

/* 应用项目规范的主要字体栈到表格元素 */
table.omission-details-table,
table.omission-details-table th,
table.omission-details-table td {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* 设置主要字体栈 */
}

/* 模块主容器 */
.odl-container {
    /* 新增：增加上边距 */
    margin-top: 30px; 
    /* 修改：只保留垂直内边距，移除水平内边距以对齐 */
    padding: 20px 0; /* 上下 20px，左右 0 */
    /* 可以不设置背景，让它融入父模块背景 */
    /* background-color: #2c2c2c; */
    /* 设置文字颜色 */
    color: #e0e0e0;
}

/* 新增：鼠标悬停在容器上时显示标题 */
.odl-container:hover .odl-module-title {
    opacity: 1;
}

/* 模块标题 */
.odl-module-title {
    /* 修改：使用更柔和的颜色 */
    color: #cccccc; 
    /* 修改：减小底部外边距 */
    margin-bottom: 10px; 
    /* 修改：恢复居中对齐 */
    text-align: center; 
    /* 修改：增大字体大小 */
    font-size: 1.6em; 
    /* 移除：不再需要左侧内边距 */
    /* padding-left: 10px; */ 
    /* 新增：取消默认加粗 */
    font-weight: normal; 
    /* 新增：默认隐藏标题 */
    opacity: 0;
    /* 新增：添加过渡效果 */
    transition: opacity 0.3s ease-in-out;
}

/* 表格包裹容器 */
.odl-table-wrapper {
    /* 设置最大宽度，避免在大屏幕上过宽 */
    max-width: 100%;
    /* 允许水平滚动，以防内容过多 */
    overflow-x: auto;
    /* 新增：允许垂直滚动 */
    overflow-y: auto;
    /* 新增：设置最大高度，超出则滚动 */
    max-height: 60vh; /* 视口高度的 60%，可根据需要调整 */
    /* 设置背景色 (可选，如果需要区分) */
    /* background-color: #333; */
    /* 设置圆角 */
    border-radius: 6px;
    /* --- Custom Scrollbar Styles (Targeting the wrapper) --- */

    /* Firefox */
    scrollbar-width: auto; /* 修改：使用默认宽度，通常比 'thin' 宽 */
    scrollbar-color: #1e90ff #3a3a3a; /* thumb color, track color */
}

/* WebKit (Chrome, Safari, Edge) */
.odl-table-wrapper::-webkit-scrollbar {
    width: 20px; /* 修改：滚动条宽度加倍 */
    height: 20px; /* 修改：水平滚动条高度加倍 */
}

.odl-table-wrapper::-webkit-scrollbar-track {
    background: #3a3a3a; /* 轨道背景色 (深灰) */
    border-radius: 0px; /* 修改：完全移除轨道圆角 */
}

.odl-table-wrapper::-webkit-scrollbar-thumb {
    background-color: #1e90ff; /* 滑块背景色 (蓝色) */
    border-radius: 0 !important; /* 强制移除滑块圆角 */
    border: 1px solid #3a3a3a !important; /* 修改：设置边框颜色同轨道背景，强制 */
    background-clip: content-box !important; /* 新增：强制背景裁剪到内容框 */
}

.odl-table-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #46a3ff; /* 鼠标悬停时滑块颜色变浅 */
}

.odl-table-wrapper::-webkit-scrollbar-corner {
    background: #2c2c2c; /* 滚动条交汇处的角落背景 (如果水平垂直都出现) */
}

/* 表格本身 */
.odl-table {
    /* 设置宽度为 100% 以适应包裹容器 */
    width: 100%;
    /* 合并单元格边框 */
    border-collapse: collapse;
    /* 设置最小宽度，保证内容不会过度压缩 */
    min-width: 800px; /* 根据列数和内容调整 */
    /* 设置字体大小 */
    font-size: 0.9em;
}

/* 表头和表体单元格 (th, td) 的通用样式 */
.odl-table th,
.odl-table td {
    /* 设置内边距 */
    padding: 10px 8px;
    /* 设置文字对齐 */
    text-align: center;
    /* 设置边框 */
    border: 1px solid #444; /* 较深的灰色边框 */
    /* 设置不换行，防止单元格内容变形 */
    white-space: nowrap;
    /* 新增：设置单元格默认文字颜色为白色 */
    color: #ffffff;
}

/* 表头单元格 (th) 特定样式 */
.odl-table th {
    /* 设置背景色 */
    background-color: #3a3a3a; /* 列表容器的背景色 */
    /* 设置文字颜色 */
    color: #1e90ff; /* 蓝色强调 */
    /* 设置字体加粗 */
    font-weight: bold;
    /* 修改：增大表头字号至 1.1em (相对于父元素0.9em的基础) */
    font-size: 1.1em;
    /* 移除旧的 sticky 设置，交给 thead 处理 */
    /* position: sticky; */
    /* top: 0; */
    /* z-index: 1; */
}

/* 新增：固定表头 thead */
.odl-table thead {
    position: sticky;
    top: 0; /* 固定在滚动容器顶部 */
    z-index: 2; /* 修改：提高层级 */
    background-color: #3a3a3a; /* 必须设置背景色以覆盖下方内容 */
}

/* 新增/修改：固定表头的第一列 (th) */
.odl-table thead th:first-child {
    position: sticky;
    left: 0; /* 固定在左侧 */
    /* top: 0; /* 移除：尝试让 thead 的 top:0 生效 */
    z-index: 3; /* 修改：设为最高层级 */
    /* 新增：明确设置背景色 */
    background-color: #3a3a3a;
}

/* 表体行 (tr) */
.odl-table tbody tr {
    /* 设置鼠标悬停时的背景色变化 */
    transition: background-color 0.2s ease;
}

.odl-table tbody tr:hover {
    /* 设置悬停背景色 */
    background-color: #454545;
}

/* 第一列：数值单元格 */
.odl-value-cell {
    /* 设置背景色 */
    background-color: #3a3a3a; /* 与表头背景一致 */
    /* 设置文字颜色 */
    color: #ffffff;
    /* 设置字体加粗 */
    font-weight: bold;
    /* 固定第一列 (如果需要滚动时固定) */
    position: sticky;
    left: 0; /* 需要配合 odl-table-wrapper 的 overflow */
    z-index: 1; /* 保持最低层级 */
}




/* 高亮单元格 (当前遗漏 > 历史最大遗漏) */
.odl-data-cell.odl-highlight {
    /* 设置醒目的背景色 */
    background-color: #b33939; /* 暗红色 */
    /* 设置文字颜色 */
    color: #ffffff; /* 白色 */
    /* 设置字体加粗 */
    font-weight: bold;
}

/* 无数据或加载提示 */
.odl-no-data,
.odl-loading-placeholder {
    /* 设置颜色 */
    color: #aaaaaa;
    /* 设置斜体 */
    font-style: italic;
    /* 设置内边距 */
    padding: 20px;
    /* 设置文本居中 */
    text-align: center;
}