/* ==========================================================================
   老带新活动管理（PC端新栏目） - 独立作用域样式
   所有选择器限定在 .oldnew-module 内，避免与主平台全局样式冲突
   ========================================================================== */
.oldnew-module { font-size: 13px; color: #333; }

/* ===== 筛选栏 ===== */
.oldnew-module .filter-bar { background:#fff; border-radius:4px; padding:16px; margin-bottom:12px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.oldnew-module .filter-item { display:flex; align-items:center; gap:6px; }
.oldnew-module .filter-item label { font-size:13px; color:#333; white-space:nowrap; }
.oldnew-module .filter-item input[type="text"], .oldnew-module .filter-item select { padding:6px 10px; border:1px solid #d9d9d9; border-radius:4px; font-size:13px; width:160px; background:#fff; }
.oldnew-module .filter-item .date-range { display:flex; align-items:center; gap:4px; }
.oldnew-module .filter-item .date-range input { width:120px; }
.oldnew-module .btn { padding:6px 16px; border-radius:4px; font-size:13px; cursor:pointer; border:1px solid #d9d9d9; background:#fff; color:#333; display:inline-flex; align-items:center; gap:4px; }
.oldnew-module .btn:hover { border-color:#f5222d; color:#f5222d; }
.oldnew-module .btn-primary { background:#f5222d; color:#fff; border-color:#f5222d; }
.oldnew-module .btn-primary:hover { background:#cf1322; color:#fff; border-color:#cf1322; }
.oldnew-module .btn-sm { padding:4px 12px; font-size:12px; }

/* ===== 列表区域 ===== */
.oldnew-module .list-container { background:#fff; border-radius:4px; display:flex; flex-direction:column; min-height:calc(100vh - 200px); }
.oldnew-module .toolbar { background:#fff; padding:12px 16px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #f0f0f0; flex-shrink:0; }
.oldnew-module .table-wrap { background:#fff; overflow-x:auto; flex:1; }
.oldnew-module .table { width:100%; border-collapse:collapse; font-size:13px; }
.oldnew-module .table th { background:#fafafa; padding:12px 8px; text-align:left; font-weight:500; color:#333; border-bottom:1px solid #e8e8e8; white-space:nowrap; }
.oldnew-module .table td { padding:12px 8px; border-bottom:1px solid #f0f0f0; color:#333; }
.oldnew-module .table tr:hover { background:#fafafa; }
.oldnew-module .table .activity-img { width:48px; height:32px; border-radius:2px; object-fit:cover; }
.oldnew-module .table .link { color:#f5222d; cursor:pointer; text-decoration:none; margin-right:8px; }
.oldnew-module .table .link:hover { text-decoration:underline; }
.oldnew-module .status-text { color:#333; }

/* ===== 分页 ===== */
.oldnew-module .pagination { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:12px 16px; background:#fff; border-top:1px solid #f0f0f0; font-size:13px; color:#666; flex-shrink:0; }
.oldnew-module .page-btn { min-width:28px; height:28px; padding:0 8px; border:1px solid #d9d9d9; border-radius:4px; cursor:pointer; background:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; }
.oldnew-module .page-btn.active { background:#f5222d; color:#fff; border-color:#f5222d; }
.oldnew-module .page-btn:hover:not(.active) { border-color:#f5222d; color:#f5222d; }
.oldnew-module .page-btn:disabled { color:#ccc; cursor:not-allowed; }
.oldnew-module .pagination select { padding:4px 8px; border:1px solid #d9d9d9; border-radius:4px; font-size:12px; }
.oldnew-module .pagination input { width:40px; padding:4px; border:1px solid #d9d9d9; border-radius:4px; text-align:center; font-size:12px; }

/* ===== 详情页 ===== */
.oldnew-module .detail-header { background:#fff; border-radius:4px; padding:16px; margin-bottom:12px; }
.oldnew-module .back-btn { padding:4px 12px; border:1px solid #d9d9d9; border-radius:4px; background:#fff; font-size:12px; cursor:pointer; margin-bottom:16px; display:inline-flex; align-items:center; gap:4px; }
.oldnew-module .back-btn:hover { border-color:#f5222d; color:#f5222d; }
.oldnew-module .activity-info { display:flex; gap:24px; }
.oldnew-module .activity-img-box { width:240px; height:160px; border:1px dashed #d9d9d9; border-radius:4px; display:flex; align-items:center; justify-content:center; background:#fafafa; flex-shrink:0; }
.oldnew-module .activity-img-box img { width:100%; height:100%; object-fit:cover; border-radius:4px; }
.oldnew-module .activity-detail { flex:1; }
.oldnew-module .info-row { display:flex; margin-bottom:10px; font-size:13px; }
.oldnew-module .info-row-coupon { margin-bottom:12px; }
.oldnew-module .info-row-coupon .info-value { line-height:1.6; }
.oldnew-module .info-label { color:#666; width:90px; flex-shrink:0; }
.oldnew-module .info-value { color:#333; flex:1; }
.oldnew-module .activity-side { width:180px; flex-shrink:0; }
.oldnew-module .coupon-count { font-size:13px; color:#333; margin-bottom:8px; }
.oldnew-module .coupon-count span { color:#f5222d; font-weight:500; }
.oldnew-module .qrcode-box { width:80px; height:80px; border:1px solid #e8e8e8; margin-top:12px; display:flex; align-items:center; justify-content:center; background:#fafafa; font-size:11px; color:#999; }

/* ===== 数据指标栏 ===== */
.oldnew-module .metric-bar { background:#fff; border-radius:4px; padding:16px; margin-bottom:12px; display:flex; gap:24px; }
.oldnew-module .metric-item { text-align:center; flex:1; }
.oldnew-module .metric-num { font-size:24px; font-weight:600; color:#f5222d; }
.oldnew-module .metric-label { font-size:12px; color:#999; margin-top:4px; }
.oldnew-module .metric-desc { font-size:10px; color:#bbb; margin-top:2px; line-height:1.3; }

/* ===== Tab ===== */
.oldnew-module .detail-tabs { background:#fff; border-radius:4px; padding:0 16px; }
.oldnew-module .detail-tab-list { display:flex; border-bottom:1px solid #e8e8e8; }
.oldnew-module .detail-tab { padding:12px 20px; font-size:13px; cursor:pointer; color:#333; border-bottom:2px solid transparent; margin-bottom:-1px; }
.oldnew-module .detail-tab:hover { color:#f5222d; }
.oldnew-module .detail-tab.active { color:#f5222d; border-bottom-color:#f5222d; font-weight:500; }
.oldnew-module .detail-tab-content { display:none; padding:16px 0; }
.oldnew-module .detail-tab-content.active { display:block; }

/* ===== 二级Tab ===== */
.oldnew-module .sub-tab-bar { display:flex; border-bottom:1px solid #e8e8e8; margin-bottom:16px; }
.oldnew-module .sub-tab { padding:10px 16px; font-size:13px; cursor:pointer; color:#666; border-bottom:2px solid transparent; margin-bottom:-1px; }
.oldnew-module .sub-tab:hover { color:#f5222d; }
.oldnew-module .sub-tab.active { color:#f5222d; border-bottom-color:#f5222d; font-weight:500; }
.oldnew-module .sub-tab-content { display:none; }
.oldnew-module .sub-tab-content.active { display:block; }

/* ===== 弹窗 ===== */
.oldnew-module .modal-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.45); z-index:200; }
.oldnew-module .modal-mask.show { display:block; }
.oldnew-module .modal { background:#fff; border-radius:4px; width:720px; max-height:85vh; margin:40px auto; display:flex; flex-direction:column; }
.oldnew-module .modal-header { padding:14px 20px; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; align-items:center; background:#fafafa; border-radius:4px 4px 0 0; }
.oldnew-module .modal-title { font-size:15px; font-weight:600; color:#333; }
.oldnew-module .modal-close { cursor:pointer; color:#999; font-size:18px; line-height:1; }
.oldnew-module .modal-close:hover { color:#f5222d; }
.oldnew-module .modal-body { padding:20px; overflow-y:auto; flex:1; }
.oldnew-module .modal-footer { padding:12px 20px; border-top:1px solid #f0f0f0; text-align:right; }

/* ===== 表单 ===== */
.oldnew-module .form-group { margin-bottom:16px; display:flex; align-items:flex-start; }
.oldnew-module .form-label { width:110px; text-align:right; padding-right:12px; padding-top:7px; font-size:13px; color:#333; flex-shrink:0; }
.oldnew-module .form-label.required::before { content:'*'; color:#f5222d; margin-right:4px; }
.oldnew-module .form-control { flex:1; }
.oldnew-module .form-control input[type="text"], .oldnew-module .form-control input[type="number"], .oldnew-module .form-control select, .oldnew-module .form-control textarea { width:100%; padding:6px 10px; border:1px solid #d9d9d9; border-radius:4px; font-size:13px; }
.oldnew-module .form-control textarea { resize:vertical; min-height:70px; }
.oldnew-module .form-tip { font-size:11px; color:#999; margin-top:4px; }
.oldnew-module .radio-group { display:flex; gap:20px; padding-top:7px; }
.oldnew-module .radio-group label { display:flex; align-items:center; gap:4px; cursor:pointer; font-size:13px; }

/* ===== 弹窗内表格 ===== */
.oldnew-module .project-select-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:8px; }
.oldnew-module .project-select-table th { background:#fafafa; padding:8px; text-align:left; border-bottom:1px solid #e8e8e8; font-weight:500; }
.oldnew-module .project-select-table td { padding:8px; border-bottom:1px solid #f0f0f0; }
.oldnew-module .detail-modal-table { width:100%; border-collapse:collapse; font-size:12px; }
.oldnew-module .detail-modal-table th { background:#fafafa; padding:8px; text-align:left; border-bottom:1px solid #e8e8e8; font-weight:500; white-space:nowrap; }
.oldnew-module .detail-modal-table td { padding:8px; border-bottom:1px solid #f0f0f0; white-space:nowrap; }
.oldnew-module .empty-data { text-align:center; padding:40px; color:#999; font-size:13px; }

/* ==========================================================================
   页面拆分后新增样式：封面、日期区间、项目选择块、表单提示、弹窗补充
   ========================================================================== */
/* 日期类型输入沿用筛选栏输入框样式 */
.oldnew-module .filter-item input[type="date"],
.oldnew-module .ldx-date-range input {
    padding:6px 10px; border:1px solid #d9d9d9; border-radius:4px;
    font-size:13px; background:#fff; color:#333;
}
.oldnew-module .filter-item input[type="date"] { width:140px; }

/* 活动封面（按主题渐变色区分） */
.oldnew-module .ldx-cover {
    width:100%; height:100%; border-radius:4px; display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:15px; font-weight:600; text-align:center; padding:0 12px; line-height:1.5;
}
.oldnew-module .ldx-cover-red { background:linear-gradient(135deg,#ffb3b3,#f5222d); }
.oldnew-module .ldx-cover-blue { background:linear-gradient(135deg,#b3d9ff,#1890ff); }
.oldnew-module .ldx-cover-green { background:linear-gradient(135deg,#d9f7be,#52c41a); }
.oldnew-module .ldx-cover-orange { background:linear-gradient(135deg,#ffe0b3,#fa8c16); }
.oldnew-module .ldx-cover-pink { background:linear-gradient(135deg,#ffd6e7,#eb2f96); }

/* 封面主题选择器 */
.oldnew-module .ldx-cover-picker { display:flex; gap:12px; flex-wrap:wrap; }
.oldnew-module .ldx-cover-option {
    width:132px; height:74px; border-radius:6px; cursor:pointer; position:relative;
    display:flex; align-items:flex-end; justify-content:center; padding-bottom:8px;
    font-size:12px; color:#fff; border:2px solid transparent; transition:all .15s;
}
.oldnew-module .ldx-cover-option:hover { transform:translateY(-2px); }
.oldnew-module .ldx-cover-option.active { border-color:#f5222d; box-shadow:0 0 0 2px rgba(245,34,45,.15); }
.oldnew-module .ldx-cover-option.active::after {
    content:'✓'; position:absolute; top:-8px; right:-8px; width:20px; height:20px; border-radius:50%;
    background:#f5222d; color:#fff; font-size:12px; display:flex; align-items:center; justify-content:center;
}

/* 表单：日期区间 / 项目选择块 / 底部提示 */
.oldnew-module .ldx-date-range { display:flex; align-items:center; gap:8px; }
.oldnew-module .ldx-date-range span { color:#999; font-size:12px; }
.oldnew-module .ldx-project-box { border:1px solid #e8e8e8; border-radius:4px; }
.oldnew-module .ldx-project-head {
    padding:8px 10px; background:#fafafa; border-bottom:1px solid #e8e8e8;
    font-size:12px; color:#666;
}
.oldnew-module .ldx-project-add { padding:8px; text-align:center; }
.oldnew-module .ldx-form-tip {
    margin-top:16px; padding:10px 14px; background:#fffbe6; border:1px solid #ffe58f;
    border-radius:4px; font-size:12px; color:#ad6800; line-height:1.7;
}

/* 详情：券信息小字 / 邀请详情弹窗补充 */
.oldnew-module .ldx-sub { color:#666; font-size:12px; }
.oldnew-module .ldx-fail { color:#f5222d; font-size:11px; }
.oldnew-module .ldx-old-summary {
    background:#fafafa; padding:12px; border-radius:4px; margin-bottom:16px; font-size:12px; line-height:2;
}
.oldnew-module .ldx-old-summary .ldx-kv { color:#666; margin-left:20px; }
.oldnew-module .ldx-old-summary .ldx-kv:first-child { margin-left:0; }
.oldnew-module .ldx-modal-note {
    margin-top:14px; padding:10px 12px; background:#f0f7ff; border-radius:4px;
    font-size:12px; color:#666; line-height:1.7;
}