/* ==================== CRM 客户管理系统 ==================== */
/* 主色沿用站点后台蓝 #1b4f8a；财务语义色：绿=可用/正数，红=已用/预警，橙=CLV */

/* ---------- 子模块导航（二级 tab） ---------- */
.crm-nav { display: flex; gap: 0; border-bottom: 1px solid #e3e9f1; margin-bottom: 18px; flex-wrap: wrap; }
.crm-nav-item { padding: 9px 20px; cursor: pointer; font-size: 14px; color: #555; border-bottom: 2px solid transparent; transition: all .15s; white-space: nowrap; }
.crm-nav-item:hover { color: #1b4f8a; background: #f5f8fc; }
.crm-nav-item.active { color: #1b4f8a; font-weight: bold; border-bottom-color: #1b4f8a; }

/* ---------- 看板卡片 ---------- */
.crm-stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 18px; }
.crm-stat { background: #fff; border: 1px solid #e6ecf3; border-radius: 8px; padding: 14px 16px; }
.crm-stat .lbl { font-size: 12px; color: #94a3b8; display: block; margin-bottom: 6px; }
.crm-stat .num { font-size: 20px; font-weight: 700; color: #0f172a; line-height: 1.2; }
.crm-stat .sub { font-size: 12px; color: #64748b; margin-top: 4px; }
.crm-stat.green .num { color: #16a34a; }
.crm-stat.red .num { color: #dc2626; }
.crm-stat.orange .num { color: #f59e0b; }
.crm-stat.blue .num { color: #1b4f8a; }

/* ---------- 筛选条 ---------- */
.crm-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.crm-toolbar select, .crm-toolbar input { height: 34px; border: 1px solid #d4d9e0; border-radius: 4px; padding: 0 10px; font-size: 13px; background: #fff; }
.crm-toolbar input { width: 200px; }
.crm-btn { display: inline-flex; align-items: center; gap: 4px; padding: 7px 16px; border-radius: 4px; font-size: 13px; border: 1px solid #d4d9e0; background: #fff; color: #333; cursor: pointer; transition: all .15s; white-space: nowrap; }
.crm-btn:hover { color: #1b4f8a; border-color: #b3d8ff; background: #ecf5ff; }
.crm-btn.primary { background: #1b4f8a; border-color: #1b4f8a; color: #fff; }
.crm-btn.primary:hover { background: #16406f; color: #fff; }
.crm-btn.success { background: #16a34a; border-color: #16a34a; color: #fff; }
.crm-btn.success:hover { background: #15803d; color: #fff; }
.crm-btn.danger { background: #dc2626; border-color: #dc2626; color: #fff; }
.crm-btn.danger:hover { background: #b91c1c; color: #fff; }
.crm-btn.sm { padding: 4px 10px; font-size: 12px; }
.crm-btn:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- 客户分层快捷筛选 chips（FM 矩阵 / ABC / 品类，与工具栏筛选可叠加） ---------- */
.crm-chips { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; margin-bottom: 14px; padding: 9px 14px; background: #fff; border: 1px solid #e6ecf3; border-radius: 8px; }
.crm-chip-group { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.crm-chip-group .grp { font-size: 12px; color: #94a3b8; white-space: nowrap; user-select: none; }
.crm-chip { display: inline-flex; align-items: center; gap: 3px; padding: 3px 12px; border-radius: 13px; border: 1px solid #d4d9e0; background: #fff; color: #475569; font-size: 12px; line-height: 1.6; cursor: pointer; transition: all .15s; white-space: nowrap; user-select: none; }
.crm-chip:hover { border-color: #1b4f8a; color: #1b4f8a; background: #ecf5ff; }
.crm-chip.on { background: #1b4f8a; border-color: #1b4f8a; color: #fff; font-weight: 600; }
.crm-chip.on:hover { background: #16406f; }
/* 高价值分层（金矿/A类）激活金色，沉睡/D类 激活灰色 */
.crm-chip.gold.on { background: linear-gradient(135deg, #b45309, #d97706); border-color: #b45309; }
.crm-chip.gold.on:hover { background: #b45309; }
.crm-chip.slate.on { background: #64748b; border-color: #64748b; }
.crm-chip.slate.on:hover { background: #475569; }

/* ---------- 表格 ---------- */
.crm-table-wrap { overflow-x: auto; border: 1px solid #e6ecf3; border-radius: 6px; background: #fff; }
.crm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.crm-table th { background: #f5f8fc; color: #444; font-weight: bold; padding: 10px; text-align: left; white-space: nowrap; border-bottom: 1px solid #e6ecf3; }
.crm-table td { padding: 10px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.crm-table tr:hover { background: #fafcff; }
.crm-table tr:last-child td { border-bottom: none; }
.crm-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.crm-table .ctr { text-align: center; }
.crm-link { color: #1b4f8a; cursor: pointer; text-decoration: none; }
.crm-link:hover { text-decoration: underline; }
.crm-empty { padding: 40px; text-align: center; color: #94a3b8; }

/* ---------- 徽标 ---------- */
.crm-tag { display: inline-block; background: #dbeafe; color: #1b4f8a; font-size: 11px; padding: 1px 8px; border-radius: 10px; margin-right: 4px; white-space: nowrap; }
.crm-tag.more { background: #f1f5f9; color: #64748b; }
.crm-no { display: inline-block; padding: 2px 10px; background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #1b4f8a; font-size: 12px; font-weight: 700; font-family: Consolas, 'SF Mono', monospace; border-radius: 6px; border: 1px solid #bfdbfe; white-space: nowrap; letter-spacing: 0.5px; }
.crm-badge { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.crm-badge.champion { background: #dcfce7; color: #15803d; }
.crm-badge.loyal { background: #dbeafe; color: #1d4ed8; }
.crm-badge.potential { background: #fef3c7; color: #b45309; }
.crm-badge.risk { background: #fee2e2; color: #b91c1c; }
.crm-badge.normal { background: #f1f5f9; color: #64748b; }
.crm-badge.level-VIP { background: #f3e8ff; color: #7c3aed; }
.crm-badge.level-钻石 { background: #e0f2fe; color: #0369a1; }
.crm-badge.level-金牌 { background: #fef9c3; color: #a16207; }
.crm-badge.level-银牌 { background: #f1f5f9; color: #64748b; }
.crm-badge.st-待处理 { background: #f1f5f9; color: #64748b; }
.crm-badge.st-备货中 { background: #fef3c7; color: #b45309; }
.crm-badge.st-已发货 { background: #dbeafe; color: #1d4ed8; }
.crm-badge.st-已签收 { background: #dcfce7; color: #15803d; }
.crm-badge.st-已取消 { background: #fee2e2; color: #b91c1c; }

/* 金额语义色 */
.money-pos { color: #16a34a; font-weight: 600; }
.money-neg { color: #dc2626; font-weight: 600; }
.money-warn { color: #f59e0b; font-weight: 600; }

/* ---------- 分页 ---------- */
.crm-pager { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 14px; font-size: 13px; color: #64748b; }
.crm-pager button { padding: 4px 12px; border: 1px solid #d4d9e0; background: #fff; border-radius: 4px; cursor: pointer; font-size: 13px; }
.crm-pager button:hover:not(:disabled) { border-color: #1b4f8a; color: #1b4f8a; }
.crm-pager button:disabled { opacity: .45; cursor: not-allowed; }

/* ---------- 客户详情抽屉 ---------- */
.crm-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,.45); z-index: 900; display: none; }
.crm-mask.open { display: block; }
.crm-drawer { position: fixed; top: 0; right: 0; width: 900px; max-width: 94vw; height: 100%; background: #f0f2f5; z-index: 901; overflow-y: auto; box-shadow: -8px 0 28px rgba(0,0,0,.16); transform: translateX(100%); transition: transform .25s ease; }
.crm-drawer.open { transform: translateX(0); }
.crm-drawer-head { position: sticky; top: 0; background: linear-gradient(90deg,#1b4f8a,#2a6fb0); color: #fff; padding: 16px 22px; display: flex; justify-content: space-between; align-items: center; z-index: 2; }
.crm-drawer-head h3 { margin: 0; font-size: 17px; }
.crm-drawer-head .close { cursor: pointer; font-size: 26px; line-height: 1; opacity: .85; }
.crm-drawer-head .close:hover { opacity: 1; }
.crm-drawer-body { padding: 18px 22px 40px; }

/* 详情分区卡片 */
.crm-card { background: #fff; border: 1px solid #e6ecf3; border-radius: 7px; margin-bottom: 10px; overflow: hidden; }
.crm-card-head { padding: 9px 14px; border-bottom: 1px solid #e6ecf3; display: flex; justify-content: space-between; align-items: center; }
.crm-card-title { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.crm-card-body { padding: 12px 14px; }

/* 财务三卡 */
.crm-fin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; }
.crm-fin-item { background: #fff; border: 1px solid #e6ecf3; border-radius: 7px; padding: 11px 14px; }
.crm-fin-item .lbl { font-size: 12px; color: #94a3b8; display: block; margin-bottom: 4px; }
.crm-fin-item .num { font-size: 19px; font-weight: 700; line-height: 1.2; }
.crm-fin-item .row { display: flex; justify-content: space-between; font-size: 12px; color: #64748b; margin-top: 3px; }
.crm-fin-item .acts { margin-top: 8px; display: flex; gap: 8px; }
/* 信用进度条 */
.crm-bar { height: 6px; background: #eef2f7; border-radius: 3px; overflow: hidden; margin-top: 8px; }
.crm-bar > i { display: block; height: 100%; background: #16a34a; border-radius: 3px; }
.crm-bar > i.warn { background: #f59e0b; }
.crm-bar > i.over { background: #dc2626; }

/* 优惠券 */
.crm-coupon { display: inline-block; border: 1px dashed #1b4f8a; color: #1b4f8a; background: #f5f9ff; padding: 5px 14px; border-radius: 4px; font-size: 12px; margin: 0 8px 8px 0; }
.crm-coupon.used { border-color: #cbd5e1; color: #94a3b8; background: #f8fafc; text-decoration: line-through; }

/* ---------- 表单弹窗 ---------- */
.crm-form-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,.45); z-index: 910; display: none; justify-content: center; align-items: center; }
.crm-form-mask.open { display: flex; }
.crm-form { background: #fff; border-radius: 8px; width: 480px; max-width: 92vw; max-height: 88vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.crm-form-head { padding: 14px 20px; border-bottom: 1px solid #e6ecf3; display: flex; justify-content: space-between; align-items: center; }
.crm-form-head h4 { margin: 0; font-size: 16px; }
.crm-form-body { padding: 18px 20px; }
.crm-form-row { margin-bottom: 14px; }
.crm-form-row label { display: block; font-size: 13px; color: #555; margin-bottom: 5px; }
.crm-form-row input, .crm-form-row select, .crm-form-row textarea { width: 100%; border: 1px solid #d4d9e0; border-radius: 4px; padding: 8px 10px; font-size: 13px; font-family: inherit; box-sizing: border-box; }
.crm-form-row textarea { resize: vertical; min-height: 62px; }
.crm-form-foot { padding: 14px 20px; border-top: 1px solid #e6ecf3; display: flex; justify-content: flex-end; gap: 10px; }
.crm-hint { font-size: 12px; color: #94a3b8; margin-top: 4px; }

/* ---------- 行业树 ---------- */
.crm-tree-indent-1 { padding-left: 26px; }
.crm-tree-mark { color: #b8c2cf; margin-right: 6px; }

/* ---------- 折扣试算结果 ---------- */
.crm-calc { background: #f5f9ff; border: 1px solid #dbeafe; border-radius: 6px; padding: 12px 16px; font-size: 13px; }
.crm-calc .best { font-size: 15px; color: #1b4f8a; font-weight: 700; }
.crm-calc ul { margin: 8px 0 0; padding-left: 18px; color: #64748b; }
.crm-calc li { margin-bottom: 3px; }

/* ---------- RFM 分群卡 ---------- */
.crm-rfm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.crm-rfm-card { background: #fff; border: 1px solid #e6ecf3; border-radius: 8px; padding: 14px 16px; }
.crm-rfm-card .seg { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
.crm-rfm-card .cnt { font-size: 22px; font-weight: 700; color: #1b4f8a; }
.crm-rfm-card .amt { font-size: 12px; color: #64748b; margin-bottom: 8px; }
.crm-rfm-card ul { margin: 0; padding-left: 16px; font-size: 12px; color: #64748b; }
.crm-rfm-card li { margin-bottom: 2px; }

/* ---------- 提示条 ---------- */
.crm-alert { padding: 10px 14px; border-radius: 6px; font-size: 13px; margin-bottom: 14px; }
.crm-alert.warn { background: #fff7ed; border: 1px solid #fed7aa; color: #b45309; }
.crm-alert.info { background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; }
.crm-alert.ok { background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; }

/* ---------- 板块（颜色深浅分层：a 深蓝 / b 浅蓝 / c 中蓝 / d 浅灰） ---------- */
.crm-sec { border: 1px solid #e6ecf3; border-radius: 7px; margin-bottom: 9px; overflow: hidden; }
.crm-sec:last-child { margin-bottom: 0; }
.crm-sec-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 7px 12px; border-bottom: 1px solid #e6ecf3; }
.crm-sec-head .t { font-size: 13px; font-weight: 600; }
.crm-sec-head .h { font-size: 12px; opacity: .85; font-weight: 400; }
.crm-sec-body { padding: 11px 12px; }
/* 卡片底部统一保存条（替代每个板块一个按钮） */
.crm-card-foot { display: flex; justify-content: flex-end; margin-top: 10px; padding-top: 9px; border-top: 1px solid #e6ecf3; }

/* a 深蓝：开票信息（最重要） */
.crm-sec.a .crm-sec-head { background: #1b4f8a; border-bottom-color: #1b4f8a; color: #fff; }
.crm-sec.a .crm-sec-head .h { color: rgba(255, 255, 255, .75); }
.crm-sec.a .crm-sec-body { background: #f7fafe; }
/* b 浅蓝：联系信息 */
.crm-sec.b .crm-sec-head { background: #dbeafe; border-bottom-color: #bfdbfe; color: #1e40af; }
.crm-sec.b .crm-sec-head .h { color: #3b82c4; }
.crm-sec.b .crm-sec-body { background: #fbfdff; }
/* c 中蓝：客户画像 */
.crm-sec.c .crm-sec-head { background: #bfdbfe; border-bottom-color: #93c5fd; color: #1e3a8a; }
.crm-sec.c .crm-sec-head .h { color: #2563eb; }
.crm-sec.c .crm-sec-body { background: #fafdff; }
/* d 浅灰：业务归属 / 补充信息 */
.crm-sec.d .crm-sec-head { background: #e2e8f0; border-bottom-color: #cbd5e1; color: #334155; }
.crm-sec.d .crm-sec-head .h { color: #64748b; }
.crm-sec.d .crm-sec-body { background: #f8fafc; }

/* ---------- 可编辑字段 ---------- */
.crm-ef-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 12px; }
.crm-ef-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 12px; }
.crm-ef { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.crm-ef > label { font-size: 11px; color: #64748b; }
.crm-ef input, .crm-ef select, .crm-ef textarea {
    width: 100%; box-sizing: border-box;
    border: 1px solid #d4d9e0; border-radius: 4px;
    padding: 4px 8px; font-size: 13px; font-family: inherit; color: #0f172a; background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.crm-ef input:focus, .crm-ef select:focus, .crm-ef textarea:focus {
    outline: none; border-color: #1b4f8a; box-shadow: 0 0 0 3px rgba(27, 79, 138, .10);
}
.crm-ef input::placeholder, .crm-ef textarea::placeholder { color: #b8c2cf; }
.crm-ef textarea { resize: vertical; min-height: 46px; }
/* 省/市/区 三个并排输入 */
.crm-ef-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }

/* 新建客户弹窗分组（字段对齐客户列表：客户→分类→资金→备注） */
.nc-group { margin-bottom: 14px; }
.nc-group:last-child { margin-bottom: 0; }
.nc-group-title {
    font-size: 12px; font-weight: 600; color: #1b4f8a;
    background: #eff6ff; border-left: 3px solid #1b4f8a;
    padding: 6px 10px; margin-bottom: 10px; border-radius: 0 4px 4px 0;
}
/* 分组内的子分组（如开票信息） */
.nc-sub {
    font-size: 12px; font-weight: 600; color: #475569;
    background: #f1f5f9; border-left: 3px solid #94a3b8;
    padding: 5px 10px; margin: 12px 0 10px; border-radius: 0 4px 4px 0;
}

/* ---------- 客户详情（全屏独立页） ---------- */
.crm-detail-bar {
    position: sticky; top: 0; z-index: 5;
    display: flex; align-items: center; gap: 10px;
    background: #fff; border: 1px solid #e6ecf3; border-radius: 7px;
    padding: 9px 14px; margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}
.crm-detail-name { display: flex; align-items: center; gap: 6px; flex: 1 1 auto; font-size: 18px; font-weight: 600; color: #0f172a; flex-wrap: wrap; }
.crm-detail-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* 基本信息网格（2 列 → 4 列 → 1 列） */
.crm-info-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 24px;
    font-size: 13px;
}
.crm-info-item { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.crm-info-item .lbl { font-size: 12px; color: #94a3b8; }
.crm-info-item .val { color: #0f172a; line-height: 1.5; word-break: break-all; }

/* 底部分析条 */
.crm-detail-bottom {
    display: flex; flex-wrap: wrap; gap: 20px; align-items: center;
    background: #f8fafc; border: 1px solid #e6ecf3; border-radius: 7px;
    padding: 10px 16px; margin-bottom: 10px; font-size: 13px; color: #475569;
}
.crm-detail-bottom b { color: #0f172a; margin-left: 6px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1400px) { .crm-stats { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1100px) {
    .crm-info-grid[style*="4"] { grid-template-columns: repeat(2, 1fr) !important; }
    .crm-ef-grid4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .crm-stats { grid-template-columns: repeat(2, 1fr); }
    .crm-fin { grid-template-columns: 1fr; }
    .crm-drawer { width: 100%; }
    .crm-info-grid { grid-template-columns: 1fr; }
    .crm-ef-grid, .crm-ef-grid4 { grid-template-columns: 1fr; }
    .crm-detail-bar { flex-wrap: wrap; }
    .crm-detail-name { font-size: 16px; }
}

/* ============ 收货地址簿 ============ */
.crm-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 14px; }
.addr-list { display: flex; flex-direction: column; gap: 8px; }
.addr-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid #e6ebf1; border-radius: 8px; background: #fff; }
.addr-item.default { border-color: #1b4f8a; background: #f5f9ff; }
.addr-main { min-width: 0; }
.addr-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.addr-top b { font-size: 14px; color: #1e293b; }
.addr-sub { font-size: 12px; color: #64748b; margin-top: 2px; line-height: 1.5; word-break: break-all; }
.addr-tag { display: inline-block; background: #ecfdf5; color: #047857; font-size: 11px; padding: 1px 8px; border-radius: 10px; }
.addr-badge { display: inline-block; background: #1b4f8a; color: #fff; font-size: 11px; padding: 1px 8px; border-radius: 10px; }
.addr-badge.fe { background: #b45309; }
.addr-ops { display: flex; gap: 10px; white-space: nowrap; flex-shrink: 0; }
/* ============ 弹窗内「智能解析」就地粘贴框 ============ */
.crm-parse-box { border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 10px 12px; margin-bottom: 12px; }
.crm-parse-head { font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 8px; }
.crm-parse-sub { font-weight: normal; color: #94a3b8; font-size: 12px; margin-left: 6px; }
.crm-parse-box textarea { width: 100%; border: 1px solid #e2e8f0; border-radius: 6px; padding: 8px 10px; font-size: 13px; resize: vertical; box-sizing: border-box; }
.crm-parse-box textarea:focus { outline: none; border-color: #1b4f8a; }
.crm-parse-box .crm-btn.sm { margin-top: 8px; }
@media (max-width: 900px) {
    .crm-form-grid { grid-template-columns: 1fr; }
    .addr-item { flex-direction: column; align-items: flex-start; }
    .addr-ops { align-self: flex-end; }
}

/* ============ 营销触达 ============ */
.mkt-cfg-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 16px; padding: 16px 20px; }
.mkt-cfg-item { display: flex; flex-direction: column; gap: 5px; }
.mkt-cfg-item.full { grid-column: 1 / -1; }
.mkt-cfg-item label { font-size: 12px; color: #475569; font-weight: 600; white-space: nowrap; }
.mkt-cfg-item input, .mkt-cfg-item textarea { border: 1px solid #e2e8f0; border-radius: 6px; padding: 7px 10px; font-size: 13px; box-sizing: border-box; width: 100%; background: #fff; color: #1e293b; transition: border-color .15s; }
.mkt-cfg-item input:focus, .mkt-cfg-item textarea:focus { outline: none; border-color: #1b4f8a; box-shadow: 0 0 0 2px rgba(27, 79, 138, .12); }
.mkt-cfg-item textarea { resize: vertical; line-height: 1.6; font-family: inherit; }
.crm-card-foot { display: flex; align-items: center; padding: 12px 20px; border-top: 1px solid #eef2f7; background: #fbfcfe; }
.mkt-send-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mkt-send-row label { font-size: 13px; color: #475569; font-weight: 600; }
.mkt-send-row select, .mkt-send-row input[type="number"] { border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 10px; font-size: 13px; background: #fff; color: #1e293b; }
.mkt-send-row input[type="number"]:focus, .mkt-send-row select:focus { outline: none; border-color: #1b4f8a; }
.mkt-tools { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.mkt-tools select, .mkt-tools input { border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 9px; font-size: 12px; background: #fff; color: #1e293b; }
.mkt-tools select:focus, .mkt-tools input:focus { outline: none; border-color: #1b4f8a; }
.crm-card-head .mkt-tools { margin-left: auto; }
@media (max-width: 1400px) { .mkt-cfg-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1100px) { .mkt-cfg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
    .mkt-cfg-grid { grid-template-columns: 1fr; }
    .mkt-tools { margin-left: 0; width: 100%; flex-wrap: wrap; margin-top: 8px; }
    .crm-card-head { flex-wrap: wrap; }
}