/* ============================================================
   Campaigns module styles
   ============================================================ */

.cmp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #e6e4df}
.cmp-header h1{font-size:1.05rem;font-weight:600}

.cmp-tabs{display:flex;gap:6px;padding:14px 24px 0;overflow-x:auto;background:#fff;border-bottom:1px solid #e6e4df}
.cmp-tab{background:transparent;border:1px solid transparent;border-radius:9px 9px 0 0;padding:9px 16px;font-size:.9rem;color:#6b6b70;cursor:pointer;white-space:nowrap}
.cmp-tab.active{background:#fff;border:1px solid #e6e4df;border-bottom-color:#fff;color:#1c1c1e;font-weight:600;position:relative;top:1px}
.cmp-tab-add{color:#a8842c;font-weight:600}

#cmp-detail{background:#fff;padding:20px 24px;max-width:1120px;margin:0 auto}

.cmp-camp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.cmp-camp-head h2{font-size:1.35rem;font-weight:700}
.cmp-meta-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}

.cmp-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 11px;font-size:.76rem;font-weight:600}
.cmp-chip-seasonal{background:#f5eeda;color:#a8842c}
.cmp-chip-evergreen{background:#e4f2ea;color:#1e7a4d}
.cmp-chip-deadline{background:#faeae8;color:#b3392f}
.cmp-chip-plain{background:#efefec;color:#6b6b70}

.cmp-alerts{background:#fdf3d9;border:1px solid #eeddaa;border-radius:10px;padding:12px 16px;margin-bottom:22px}
.cmp-alerts h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.6px;color:#9a6b00;margin-bottom:8px}
.cmp-alerts li{list-style:none;font-size:.88rem;padding:3px 0;display:flex;gap:8px;align-items:baseline}
.cmp-alerts li::before{content:'●';color:#9a6b00;font-size:.6rem;position:relative;top:-2px}

.cmp-funnel{display:flex;gap:4px;margin-bottom:26px}
.cmp-funnel-seg{flex:1;text-align:center;padding:8px 4px;font-size:.78rem;font-weight:600;background:#efefec;color:#6b6b70}
.cmp-funnel-seg:first-child{border-radius:8px 0 0 8px}
.cmp-funnel-seg:last-child{border-radius:0 8px 8px 0}
.cmp-funnel-seg b{display:block;font-size:1.05rem;color:#1c1c1e}
.cmp-funnel-seg.warn b{color:#b3392f}

.cmp-stage{margin-bottom:30px}
.cmp-stage-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #e6e4df;padding-bottom:8px;margin-bottom:14px}
.cmp-stage-left{display:flex;align-items:baseline;gap:10px}
.cmp-stage-num{font-size:.72rem;font-weight:700;letter-spacing:1px;color:#a8842c;text-transform:uppercase}
.cmp-stage-head h3{font-size:1.02rem;font-weight:700}
.cmp-stage-sub{font-size:.8rem;color:#6b6b70}
.cmp-count{font-size:.8rem;color:#6b6b70}
.cmp-add-creative{background:none;border:1px dashed #e6e4df;border-radius:8px;color:#6b6b70;font-size:.82rem;padding:6px 12px;cursor:pointer}

.cmp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}

.cmp-card{border:1px solid #e6e4df;border-radius:11px;padding:13px 14px;background:#fff;display:flex;flex-direction:column;gap:9px;cursor:pointer}
.cmp-card:hover{border-color:#c9c6bd}
.cmp-card-top{display:flex;justify-content:space-between;align-items:center}
.cmp-type{font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6b6b70}
.cmp-type-reel{color:#7b3fa0}.cmp-type-ugc{color:#2b5ea7}.cmp-type-static{color:#3d7a52}
.cmp-status{font-size:.72rem;font-weight:600;border-radius:6px;padding:2px 8px}
.cmp-st-live{background:#e4f2ea;color:#1e7a4d}
.cmp-st-ready{background:#e8effa;color:#2b5ea7}
.cmp-st-idea{background:#efefec;color:#6b6b70}
.cmp-st-editing{background:#fdf3d9;color:#9a6b00}
.cmp-st-retired{background:#efefec;color:#9a9a9e;text-decoration:line-through}
.cmp-card h4{font-size:.92rem;font-weight:600;line-height:1.3}

.cmp-links{display:flex;gap:6px;flex-wrap:wrap}
.cmp-link{font-size:.72rem;border:1px solid #e6e4df;border-radius:6px;padding:2px 8px;color:#6b6b70;text-decoration:none}
.cmp-link-missing{border-style:dashed;color:#b8b8bc}

.cmp-perf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6e4df;padding-top:8px;margin-top:auto}
.cmp-verdict{font-size:.76rem;font-weight:700}
.cmp-v-keep{color:#1e7a4d}.cmp-v-stop{color:#b3392f}.cmp-v-too_early,.cmp-v-wait{color:#6b6b70;font-weight:500}
.cmp-metric{font-size:.72rem;color:#6b6b70}

.cmp-empty{border:1.5px dashed #ddd8cd;border-radius:11px;padding:22px 16px;text-align:center;color:#6b6b70;font-size:.85rem;background:#fbfaf7;grid-column:1/-1}
.cmp-empty b{color:#9a6b00;display:block;margin-bottom:4px}