/* 追加的样式以解决水平滚动和居中显示问题 */

/* 确保主内容区可以水平滚动 */
.main-content {
    overflow-x: auto;
}

/* 特别确保查询结果区域可以水平滚动 */
#resultsContainer {
    overflow-x: auto;
    max-width: 100%;
}

/* 确保表格容器可以水平滚动 */
.table-responsive {
    overflow-x: auto;
    max-width: 100%;
}

/* 增加表格的最小宽度以适应内容 */
.table {
    min-width: 1200px; /* 确保表格足够宽，即使在较小容器中也能显示完整 */
}

/* 调整查询筛选区域的高度，使其更紧凑 */
.card-body .row {
    min-height: auto; /* 移除最小高度限制，让表单更紧凑 */
}

/* 特定列居中对齐 */
.time-col, .hospital-col, .generic-name-col {
    text-align: center !important;
}

/* 表头也居中对齐 */
.table th {
    text-align: center !important;
}

/* 确保重要列有特殊样式 */
.time-col {
    background-color: #f0f8ff !important;
    font-weight: 500;
}

.hospital-col {
    background-color: #f5fffa !important;
    font-weight: 500;
}

.generic-name-col {
    background-color: #fff8f0 !important;
    font-weight: 500;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .main-content {
        padding: 10px;
    }
    
    .table {
        font-size: 10px;
    }
    
    .table th, .table td {
        padding: 3px 4px;
    }
}