/**
 * 上传配置样式 - 参考任务发布中心风格
 * 布局/按钮/表格/分页等基础样式复用 publish-task.css
 * 本文件仅定义上传配置页面特有的样式（表格固定列宽、文本截断、其他设置标签等）
 */

/* =========================================================
   1. 表格固定列宽：table-layout:fixed（覆盖 publish-task.css 的 auto）
   ========================================================= */
#pcMainTable {
    table-layout: fixed;
    width: 100%;
}

/* 配置名称列：截断 + 加粗（与任务发布中心任务名列同款） */
#pcMainTable tbody tr td:nth-child(1) {
    font-weight: 500;
    color: #333;
}

/* 店铺名称列：截断 */
#pcMainTable tbody tr td:nth-child(2) {
    font-weight: 500;
    color: #333;
}

/* =========================================================
   2. 超长文本最多2行截断，hover悬浮展示完整内容
   ========================================================= */
.pc-cell-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 3em; /* 2行 × 1.5行高 */
    cursor: help;
    transition: color 0.2s ease;
}

.pc-cell-clamp:hover {
    color: #667eea;
}

/* =========================================================
   3. 其他设置列：标签自动换行
   ========================================================= */
.pc-other-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.pc-other-tags .badge {
    font-weight: 500 !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    white-space: nowrap;
}

/* =========================================================
   4. 空状态（与任务发布中心 flash-sale-empty 同款）
   ========================================================= */
.pc-empty-row td {
    height: 100%;
    min-height: 300px;
    padding: 0 !important;
    vertical-align: middle;
    text-align: center;
    color: #999;
    background: #fff;
}

.pc-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.pc-empty-state i {
    font-size: 4rem;
    color: #d9d9d9;
}

.pc-empty-state span {
    margin-top: 16px;
    color: #666;
}

/* =========================================================
   5. 表格操作列按钮紧凑排布
   ========================================================= */
#pcMainTable .btn-group-sm > .btn,
#pcMainTable .btn-group-sm.btn-group {
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 10px;
    transition: all 0.2s ease;
}

#pcMainTable .btn-outline-primary {
    border-color: #667eea;
    color: #667eea;
    background: #fff;
}

#pcMainTable .btn-outline-primary:hover {
    background: #667eea;
    color: #fff;
}

#pcMainTable .btn-outline-danger {
    border-color: #f5576c;
    color: #f5576c;
    background: #fff;
}

#pcMainTable .btn-outline-danger:hover {
    background: #f5576c;
    color: #fff;
}

/* =========================================================
   6. 新增/编辑弹窗表单样式（复用 pt-detail-label / pt-detail-input）
   ========================================================= */
#configModal .form-label {
    font-weight: 500;
    color: #555;
    margin-bottom: 6px;
    font-size: 13px;
}

#configModal .form-control,
#configModal .form-select {
    border-radius: 6px;
    font-size: 14px;
    background-color: #fafafa;
    border-color: #e8e8e8;
    transition: all 0.2s;
}

#configModal .form-control:focus,
#configModal .form-select:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
    background-color: #fff;
}

#configModal .form-control:hover,
#configModal .form-select:hover {
    border-color: #d1d5db;
}

#configModal .form-check-input {
    cursor: pointer;
}

#configModal .form-check-label {
    font-size: 14px;
    color: #374151;
    cursor: pointer;
}

#configModal .form-switch .form-check-input {
    width: 40px;
    height: 20px;
    background-color: #e5e7eb;
    border-color: #e5e7eb;
}

#configModal .form-switch .form-check-input:checked {
    background-color: #6366f1;
    border-color: #6366f1;
}

#configModal .form-switch .form-check-input:focus {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

#configModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
}