/* Custom styles to complement Bootstrap */
.logo {
    height: 2.25rem;
    width: auto;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

.card {
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0,0,0,.05);
}

/* Adjustments for the auth pages */
.auth-card {
    width: 100%;
    max-width: 400px;
}

/* Custom button styles */
.btn-primary {
    background-color: #3490dc;
    border-color: #3490dc;
}

.btn-primary:hover {
    background-color: #2779bd;
    border-color: #2779bd;
}

/* Add some spacing to form groups */
.form-group {
    margin-bottom: 1rem;
}

/* Style form labels */
label {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* 项目删选checkbox */
#columns-list > div{
    margin-right: 1rem;
}

/* 设置 search_query 列的宽度 */
.search-query-column {
    min-width: 200px !important;
}

/* 允许表格内容换行 */
#data-table td {
    word-wrap: break-word;
    white-space: normal;
}

/* 确保其他列不会过宽 */
#data-table th:not(.search-query-column),
#data-table td:not(.search-query-column) {
    width: auto;
    max-width: 150px; /* 或其他适当的值 */
}

/* 设置 report_date 列的宽度 */
.report-date-column {
    min-width: 110px !important;
}


#metricsTable td:nth-child(6),
#metricsTable td:nth-child(11),
#metricsTable td:nth-child(16),
#metricsTable td:nth-child(21),
#metricsTable td:nth-child(26) {
  background-color: rgb(98, 98, 210);
  color: white; /* 可选，白色文字更清晰 */
}

/* 设置关键词列的宽度 */
#metricsTable th:nth-child(0) {
    min-width: 150px !important;
}

.sortable {
    cursor: pointer;
}

.sortable:hover {
    background-color: #f0f0f0;
}

.keyword-column {
    font-size: 0.9em; /* 使字体稍小，您可以根据需要调整这个值 */
}