/* ===== Admin 公共样式 ===== */

/* 页面头部 */
.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}
.admin-header h2 { margin: 0; font-size: 1.5rem; }

/* 统一表格缩略图 */
.thumb-img {
    width: 50px; height: 34px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.15s;
}
.thumb-img:hover { transform: scale(1.1); }

.thumb-placeholder {
    width: 50px; height: 34px;
    border-radius: 4px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.7rem;
}

/* 操作按钮组 - 紧凑排列 */
.action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.action-btns .btn { white-space: nowrap; }

/* 筛选栏 */
.filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

/* 表格响应式：移动端隐藏低优先级列 */
@media (max-width: 768px) {
    .hide-mobile { display: none !important; }
    .admin-header h2 { font-size: 1.25rem; }
}

/* 状态 badge 统一大小 */
.table .badge { font-size: 0.75rem; }

/* 卡片统计区 */
.stat-card .card-body {
    padding: 0.75rem 0.5rem;
}
.stat-card .stat-value {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}
.stat-card .stat-label {
    font-size: 0.8rem;
    color: #6c757d;
}

/* 当前活跃页导航高亮 */
.nav-link.active-page {
    color: #0d6efd !important;
    font-weight: 600;
}
.dropdown-item.active-page {
    color: #0d6efd;
    font-weight: 600;
    background-color: rgba(13, 110, 253, 0.05);
}

/* 面包屑 */
.admin-breadcrumb {
    font-size: 0.85rem;
    margin-bottom: 1rem;
}
.admin-breadcrumb a { text-decoration: none; color: #6c757d; }
.admin-breadcrumb a:hover { color: #0d6efd; }
.admin-breadcrumb .separator { margin: 0 0.35rem; color: #adb5bd; }
.admin-breadcrumb .current { color: #212529; font-weight: 500; }

/* 空状态 */
.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}
.empty-state .empty-icon {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    opacity: 0.4;
}

/* 表单验证消息 - 加大可见性 */
.field-validation-error,
.text-danger.small {
    font-size: 0.85rem !important;
}