/* Campaign Management Module */
.campaign-mgmt-page {
    --cmp-accent: #0f766e;
    --cmp-accent-soft: #ccfbf1;
    --cmp-ink: #102a43;
    --cmp-muted: #627d98;
    --cmp-bg: #f6faf9;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 10% -10%, rgba(15, 118, 110, 0.10), transparent 38%),
        radial-gradient(circle at 90% 0%, rgba(20, 184, 166, 0.09), transparent 35%),
        var(--cmp-bg);
    border-radius: 1rem;
}

.cmp-title { color: var(--cmp-ink); letter-spacing: 0.2px; }
.cmp-subtitle { color: var(--cmp-muted); }
.cmp-card { border: 1px solid rgba(15, 118, 110, 0.14); border-radius: 0.95rem; background: #fff; box-shadow: 0 10px 25px rgba(16, 42, 67, 0.04); }
.cmp-card .card-header { background: linear-gradient(180deg, rgba(15, 118, 110, 0.06), rgba(255, 255, 255, 0)); border-bottom: 1px solid rgba(15, 118, 110, 0.1); }
.cmp-kpi { border-radius: 0.75rem; background: #f7fcfb; border: 1px dashed rgba(15, 118, 110, 0.3); padding: 0.75rem; }
.cmp-kpi .value { color: var(--cmp-accent); font-size: 1.05rem; font-weight: 700; }
.cmp-helper { color: var(--cmp-muted); font-size: 0.84rem; }
.cmp-badge { background: var(--cmp-accent-soft); color: #0f4f49; border: 1px solid rgba(15, 118, 110, 0.2); }
.cmp-preview-box { border: 1px solid #d8e6e4; border-radius: 0.75rem; background: #f9fffe; padding: 0.85rem; min-height: 140px; }
.cmp-schedule-box { display: none; }
.cmp-schedule-box.active { display: block; }
.cmp-divider { border-top: 1px dashed rgba(15, 118, 110, 0.22); margin: 1rem 0; }

/* Dark Mode */
html.dark-theme .campaign-mgmt-page {
    --cmp-ink: #d1e7e4;
    --cmp-muted: #94a3b8;
    --cmp-bg: #0f1419;
    background:
        radial-gradient(circle at 10% -10%, rgba(15, 118, 110, 0.12), transparent 38%),
        radial-gradient(circle at 90% 0%, rgba(20, 184, 166, 0.10), transparent 35%),
        var(--cmp-bg);
}
html.dark-theme .cmp-title { color: #d1e7e4; }
html.dark-theme .cmp-subtitle { color: #94a3b8; }
html.dark-theme .cmp-card { background: #1a2627; border-color: rgba(15, 118, 110, 0.2); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); }
html.dark-theme .cmp-card .card-header { background: linear-gradient(180deg, rgba(15, 118, 110, 0.1), transparent); border-color: rgba(15, 118, 110, 0.2); }
html.dark-theme .cmp-kpi { background: #0d1a19; border-color: rgba(15, 118, 110, 0.4); }
html.dark-theme .cmp-kpi .value { color: #6ee7b7; }
html.dark-theme .cmp-badge { background: rgba(15, 118, 110, 0.2); color: #a7f3d0; }
html.dark-theme .cmp-preview-box { background: #0d1a19; border-color: rgba(15, 118, 110, 0.3); }