/*
 * ClickBee — Ads Manager
 * 91 — single-line campaign rows
 */

.cb-campaign-manager{
  width:100%;
  margin-top:24px;
}

.cb-campaign-manager-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:0 2px;
}

.cb-campaign-manager-kicker{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:5px;
  color:#a7afca;
  font-size:9px;
  font-weight:750;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cb-campaign-manager-kicker:before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#b06fff;
  box-shadow:
    0 0 8px rgba(176,111,255,.46),
    0 0 16px rgba(176,111,255,.16);
}

.cb-campaign-manager-head h3{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.24px;
}

.cb-campaign-manager-head p{
  margin:5px 0 0;
  color:#808aa7;
  font-size:10.5px;
  line-height:1.4;
}

.cb-campaign-manager-total{
  display:flex;
  align-items:baseline;
  gap:6px;
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid rgba(181,124,255,.12);
  border-radius:11px;
  background:rgba(137,83,224,.045);
}

.cb-campaign-manager-total strong{
  color:#eee7ff;
  font-size:12px;
  line-height:1;
}

.cb-campaign-manager-total span{
  color:#7f88a5;
  font-size:8.8px;
  line-height:1;
}

.cb-campaign-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(191,193,247,.07);
}

.cb-campaign-filters{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.cb-campaign-filters::-webkit-scrollbar{display:none}

.cb-campaign-filter{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  min-height:30px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:9px;
  color:#77819e;
  background:transparent;
  font:inherit;
  font-size:9.6px;
  font-weight:650;
  line-height:1;
  cursor:pointer;
}

.cb-campaign-filter b{
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:6px;
  color:#8b94af;
  background:rgba(255,255,255,.04);
  font-size:8px;
  font-weight:750;
}

.cb-campaign-filter.active{
  color:#fff;
  border-color:rgba(176,111,255,.16);
  background:rgba(145,87,232,.07);
}

.cb-campaign-filter.active b{
  color:#e5d5ff;
  background:rgba(176,111,255,.13);
}

.cb-campaign-toolbar-note{
  flex:0 0 auto;
  color:#656f8c;
  font-size:8.8px;
  font-weight:650;
}

.cb-campaign-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:10px;
  overflow-x:auto;
  scrollbar-width:thin;
}

/* Every campaign is one continuous row. */
.cb-campaign-row{
  --campaign-accent:167,117,239;
  position:relative;
  display:grid;
  grid-template-columns:
    126px
    minmax(220px,1.8fr)
    115px
    108px
    88px
    88px
    125px
    78px
    82px;
  align-items:center;
  gap:0;

  min-width:1030px;
  min-height:66px;
  padding:8px 9px 8px 11px;

  border:1px solid rgba(191,193,247,.085);
  border-radius:14px;

  background:
    radial-gradient(
      48% 150% at 100% 0%,
      rgba(var(--campaign-accent),.075),
      transparent 72%
    ),
    linear-gradient(
      145deg,
      rgba(30,37,81,.68),
      rgba(18,24,61,.78)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 5px 14px rgba(3,6,28,.065);

  cursor:pointer;
  outline:0;

  transition:
    transform .16s cubic-bezier(.22,1,.36,1),
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.cb-campaign-row[hidden]{
  display:none!important;
}

.cb-campaign-row:before{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  left:0;
  width:2px;
  border-radius:0 99px 99px 0;
  background:
    linear-gradient(
      180deg,
      rgba(var(--campaign-accent),0),
      rgba(var(--campaign-accent),.78),
      rgba(var(--campaign-accent),0)
    );
  box-shadow:0 0 9px rgba(var(--campaign-accent),.18);
}

/* Live ads are unmistakable without becoming loud. */
.cb-campaign-row-live{
  border-color:rgba(101,239,145,.15);
  background:
    radial-gradient(
      45% 150% at 100% 0%,
      rgba(101,239,145,.055),
      transparent 72%
    ),
    radial-gradient(
      56% 160% at 0% 0%,
      rgba(var(--campaign-accent),.07),
      transparent 74%
    ),
    linear-gradient(
      145deg,
      rgba(30,40,79,.76),
      rgba(18,28,59,.84)
    );
  box-shadow:
    0 0 0 1px rgba(101,239,145,.025),
    0 8px 20px rgba(3,6,28,.08),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.cb-campaign-row-live:after{
  content:"LIVE";
  position:absolute;
  top:-1px;
  right:18px;
  padding:3px 7px 4px;
  border-radius:0 0 7px 7px;
  color:#adf1c0;
  background:rgba(38,132,72,.22);
  border:1px solid rgba(101,239,145,.14);
  border-top:0;
  box-shadow:0 4px 10px rgba(44,181,88,.07);
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1;
}

.cb-campaign-row > div{
  min-width:0;
}

.cb-campaign-row-platform{
  display:flex;
  align-items:center;
  gap:8px;
  padding-right:10px;
}

.cb-campaign-platform-mark{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 5px;
  flex:0 0 auto;
  border:1px solid rgba(var(--campaign-accent),.16);
  border-radius:9px;
  color:rgb(var(--campaign-accent));
  background:rgba(var(--campaign-accent),.07);
  font-size:8.5px;
  font-weight:850;
}

.cb-campaign-platform-copy{
  min-width:0;
}

.cb-campaign-platform-copy strong,
.cb-campaign-platform-copy small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.cb-campaign-platform-copy strong{
  color:#edf0ff;
  font-size:9.8px;
  font-weight:700;
  line-height:1.15;
}

.cb-campaign-platform-copy small{
  margin-top:4px;
  color:#69738f;
  font-size:8px;
  font-weight:600;
  line-height:1.1;
}

.cb-campaign-row-copy{
  padding:0 11px;
  border-left:1px solid rgba(191,193,247,.055);
}

.cb-campaign-row-copy strong,
.cb-campaign-row-copy a{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.cb-campaign-row-copy strong{
  color:#dfe3f3;
  font-size:9.6px;
  font-weight:620;
  line-height:1.2;
}

.cb-campaign-row-copy a{
  width:max-content;
  max-width:100%;
  margin-top:5px;
  color:#6978a4;
  font-size:8px;
  line-height:1.1;
  text-decoration:none;
}

.cb-campaign-row-metric{
  padding:0 10px;
  border-left:1px solid rgba(191,193,247,.055);
}

.cb-campaign-row-metric small,
.cb-campaign-row-metric strong{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.cb-campaign-row-metric small{
  color:#59647f;
  font-size:7.2px;
  font-weight:750;
  line-height:1;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.cb-campaign-row-metric strong{
  margin-top:5px;
  color:#dfe2ef;
  font-size:8.8px;
  font-weight:700;
  line-height:1.1;
}

.cb-campaign-row-metric em{
  color:#68728e;
  font-size:7px;
  font-style:normal;
  font-weight:600;
}

.cb-campaign-row-status{
  display:flex;
  justify-content:center;
  padding-left:8px;
  border-left:1px solid rgba(191,193,247,.055);
}

.cb-campaign-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:4px 7px;
  border:1px solid rgba(191,193,247,.10);
  border-radius:999px;
  font-size:7.7px;
  font-weight:850;
  line-height:1;
  letter-spacing:.06em;
}

.cb-campaign-status i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
}

.cb-campaign-status[data-status="active"]{
  color:#aef0c0;
  border-color:rgba(101,239,145,.17);
  background:rgba(55,194,99,.065);
}
.cb-campaign-status[data-status="active"] i{
  background:#65ef91;
  box-shadow:
    0 0 7px rgba(101,239,145,.55),
    0 0 13px rgba(101,239,145,.15);
}

.cb-campaign-status[data-status="draft"]{
  color:#d5c0ff;
  border-color:rgba(177,119,255,.14);
  background:rgba(153,91,240,.05);
}
.cb-campaign-status[data-status="draft"] i{
  background:#b779ff;
}

.cb-campaign-status[data-status="paused"]{
  color:#e5ca94;
  border-color:rgba(241,187,82,.13);
  background:rgba(221,157,45,.045);
}
.cb-campaign-status[data-status="paused"] i{
  background:#efb746;
}

.cb-campaign-row-action{
  display:flex;
  justify-content:flex-end;
  padding-left:8px;
}

.cb-campaign-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:72px;
  min-height:31px;
  padding:6px 8px;
  border:1px solid rgba(176,111,255,.16);
  border-radius:9px;
  color:#e6dcfa;
  background:rgba(144,87,229,.065);
  font:inherit;
  font-size:8.5px;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  transition:
    transform .15s cubic-bezier(.22,1,.36,1),
    color .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.cb-campaign-toggle.is-live{
  color:#edc98a;
  border-color:rgba(239,183,70,.15);
  background:rgba(219,151,37,.055);
}

.cb-campaign-empty{
  display:none;
  min-height:100px;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  border:1px dashed rgba(177,119,255,.14);
  border-radius:13px;
  color:#7c85a0;
  font-size:10px;
}

.cb-campaign-empty.visible{
  display:flex;
}

@media (hover:hover) and (pointer:fine){
  .cb-campaign-row:hover{
    transform:translateY(-1px);
    border-color:rgba(var(--campaign-accent),.18);
    background:
      radial-gradient(
        48% 150% at 100% 0%,
        rgba(var(--campaign-accent),.10),
        transparent 72%
      ),
      linear-gradient(
        145deg,
        rgba(34,42,89,.76),
        rgba(19,26,66,.84)
      );
    box-shadow:
      0 9px 22px rgba(3,6,28,.10),
      inset 0 1px 0 rgba(255,255,255,.03);
  }

  .cb-campaign-row-live:hover{
    border-color:rgba(101,239,145,.24);
  }

  .cb-campaign-toggle:hover{
    transform:translateY(-1px);
    color:#fff;
  }

  .cb-campaign-row-copy a:hover{
    color:#aeb9df;
  }
}

.cb-campaign-row:focus-visible{
  border-color:rgba(var(--campaign-accent),.30);
  box-shadow:
    0 0 0 3px rgba(var(--campaign-accent),.055),
    0 8px 20px rgba(3,6,28,.08);
}

.cb-campaign-toggle:active{
  transform:scale(.97);
}

/* Keep every piece of data on one row on phones too; the manager scrolls horizontally. */
@media(max-width:768px){
  .cb-campaign-manager{
    margin-top:19px;
  }

  .cb-campaign-manager-head{
    align-items:center;
  }

  .cb-campaign-manager-head h3{
    font-size:16.5px;
  }

  .cb-campaign-manager-head p,
  .cb-campaign-toolbar-note{
    display:none;
  }

  .cb-campaign-manager-total{
    display:none;
  }

  .cb-campaign-toolbar{
    margin-top:10px;
  }

  .cb-campaign-list{
    padding-bottom:4px;
    overscroll-behavior-x:contain;
  }

  .cb-campaign-row{
    min-width:1000px;
    min-height:63px;
  }
}

@media(prefers-reduced-motion:reduce){
  .cb-campaign-row,
  .cb-campaign-toggle{
    transition:none;
  }
}


/* 92 — alignment/size/no-scroll fixes only.
   Keeps 91 behavior: clicking a campaign edits it in the same Create Ad form. */

.cb-campaign-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  padding-bottom:0!important;
}

/* Desktop/tablet: fit every campaign row inside the page with no horizontal scroll. */
.cb-campaign-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:7px 8px 7px 10px!important;

  grid-template-columns:
    minmax(92px,.95fr)
    minmax(150px,1.7fr)
    minmax(82px,.82fr)
    minmax(82px,.82fr)
    minmax(66px,.62fr)
    minmax(66px,.62fr)
    minmax(92px,.9fr)
    minmax(66px,.62fr)
    70px!important;
}

.cb-campaign-row > div{
  min-width:0!important;
}

.cb-campaign-row-platform{
  gap:7px!important;
  padding-right:8px!important;
}

.cb-campaign-platform-mark{
  min-width:27px!important;
  height:27px!important;
  padding:0 4px!important;
  border-radius:8px!important;
  font-size:7.8px!important;
}

.cb-campaign-platform-copy strong{
  font-size:9.2px!important;
}

.cb-campaign-platform-copy small{
  margin-top:3px!important;
  font-size:7.5px!important;
}

.cb-campaign-row-copy{
  padding:0 8px!important;
}

.cb-campaign-row-copy strong{
  font-size:8.9px!important;
}

.cb-campaign-row-copy a{
  margin-top:4px!important;
  font-size:7.5px!important;
}

.cb-campaign-row-metric{
  padding:0 8px!important;
}

.cb-campaign-row-metric small{
  font-size:6.8px!important;
}

.cb-campaign-row-metric strong{
  margin-top:4px!important;
  font-size:8.1px!important;
}

.cb-campaign-row-metric em{
  font-size:6.6px!important;
}

.cb-campaign-row-status{
  padding-left:6px!important;
}

.cb-campaign-status{
  min-height:22px!important;
  padding:4px 6px!important;
  font-size:7.1px!important;
}

.cb-campaign-row-action{
  padding-left:6px!important;
}

.cb-campaign-toggle{
  width:64px!important;
  min-height:28px!important;
  padding:5px 6px!important;
  border-radius:8px!important;
  font-size:7.9px!important;
}

.cb-campaign-row-live:after{
  right:12px!important;
  padding:3px 6px!important;
  font-size:6.5px!important;
}

/* Medium desktop widths: tighten proportionally instead of creating overflow. */
@media(max-width:1180px) and (min-width:769px){
  .cb-campaign-row{
    grid-template-columns:
      minmax(82px,.9fr)
      minmax(130px,1.45fr)
      minmax(72px,.76fr)
      minmax(72px,.76fr)
      minmax(58px,.58fr)
      minmax(58px,.58fr)
      minmax(82px,.82fr)
      minmax(58px,.58fr)
      62px!important;
  }

  .cb-campaign-row-copy{
    padding:0 6px!important;
  }

  .cb-campaign-row-metric{
    padding:0 6px!important;
  }

  .cb-campaign-toggle{
    width:58px!important;
    font-size:7.5px!important;
  }
}

/* Phones: no scrolling. Reflow the same campaign card into a compact grid. */
@media(max-width:768px){
  .cb-campaign-manager{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .cb-campaign-list{
    overflow:visible!important;
  }

  .cb-campaign-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    grid-template-areas:
      "platform copy copy"
      "cpc budget spent"
      "clicks skips status"
      "action action action"!important;
    gap:0!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:10px!important;
  }

  .cb-campaign-row-platform{
    grid-area:platform!important;
    padding:0 8px 9px 0!important;
    border-bottom:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-copy{
    grid-area:copy!important;
    padding:0 0 9px 8px!important;
    border-left:1px solid rgba(191,193,247,.055)!important;
    border-bottom:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-metric{
    padding:9px 7px!important;
    border-left:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-metric:nth-of-type(3){
    grid-area:cpc!important;
    border-left:0!important;
  }

  .cb-campaign-row-metric:nth-of-type(4){
    grid-area:budget!important;
  }

  .cb-campaign-row-metric:nth-of-type(5){
    grid-area:clicks!important;
    border-left:0!important;
    border-top:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-metric:nth-of-type(6){
    grid-area:skips!important;
    border-top:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-metric:nth-of-type(7){
    grid-area:spent!important;
  }

  .cb-campaign-row-status{
    grid-area:status!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 6px!important;
    border-left:1px solid rgba(191,193,247,.055)!important;
    border-top:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-action{
    grid-area:action!important;
    width:100%!important;
    padding:8px 0 0!important;
    border-top:1px solid rgba(191,193,247,.055)!important;
    justify-content:flex-end!important;
  }

  .cb-campaign-toggle{
    width:auto!important;
    min-width:84px!important;
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:8.4px!important;
  }

  .cb-campaign-row-live:after{
    top:-1px!important;
    right:10px!important;
  }
}

@media(max-width:430px){
  .cb-campaign-row{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "platform copy"
      "cpc budget"
      "clicks skips"
      "spent status"
      "action action"!important;
  }

  .cb-campaign-row-copy strong{
    font-size:8.6px!important;
  }

  .cb-campaign-row-metric{
    padding:8px 6px!important;
  }

  .cb-campaign-row-metric:nth-of-type(7){
    border-left:0!important;
    border-top:1px solid rgba(191,193,247,.055)!important;
  }

  .cb-campaign-row-status{
    justify-content:flex-end!important;
  }
}


/* 93 — campaign card visual redesign only.
   Keeps 92 layout rules, no-scroll behavior and 91 edit behavior. */

.cb-campaign-list{
  gap:10px!important;
}

/* Cleaner continuous campaign surface */
.cb-campaign-row{
  isolation:isolate!important;
  overflow:hidden!important;

  min-height:64px!important;
  padding:8px 9px 8px 11px!important;

  border:1px solid rgba(191,193,247,.10)!important;
  border-radius:16px!important;

  background:
    radial-gradient(
      72% 150% at 100% 0%,
      rgba(var(--campaign-accent),.11) 0%,
      rgba(var(--campaign-accent),.035) 38%,
      transparent 72%
    ),
    linear-gradient(
      145deg,
      rgba(34,42,89,.90),
      rgba(24,30,72,.93) 56%,
      rgba(19,24,62,.96)
    )!important;

  box-shadow:
    0 10px 28px rgba(3,6,28,.12),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* soft inner sheen */
.cb-campaign-row:before{
  top:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  height:1px!important;
  border-radius:0!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.07) 18%,
      rgba(var(--campaign-accent),.26) 52%,
      rgba(255,255,255,.06) 78%,
      transparent 100%
    )!important;
  box-shadow:none!important;
}

/* subtle accent rail */
.cb-campaign-row .cb-campaign-row-platform:before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:2px;
  border-radius:0 999px 999px 0;
  background:
    linear-gradient(
      180deg,
      rgba(var(--campaign-accent),0),
      rgba(var(--campaign-accent),.92),
      rgba(var(--campaign-accent),0)
    );
  box-shadow:0 0 10px rgba(var(--campaign-accent),.20);
}

.cb-campaign-row-platform{
  position:relative!important;
}

/* Stronger live row, but still subtle */
.cb-campaign-row-live{
  border-color:rgba(101,239,145,.20)!important;
  background:
    radial-gradient(
      58% 160% at 100% 0%,
      rgba(101,239,145,.08) 0%,
      rgba(101,239,145,.025) 42%,
      transparent 74%
    ),
    radial-gradient(
      52% 150% at 0% 0%,
      rgba(var(--campaign-accent),.08),
      transparent 74%
    ),
    linear-gradient(
      145deg,
      rgba(31,43,82,.94),
      rgba(21,31,66,.96)
    )!important;

  box-shadow:
    0 10px 30px rgba(5,20,14,.12),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(101,239,145,.025)!important;
}

/* cleaner LIVE tab */
.cb-campaign-row-live:after{
  content:"LIVE"!important;
  top:0!important;
  right:14px!important;
  padding:4px 8px 5px!important;
  border-radius:0 0 8px 8px!important;
  border:1px solid rgba(101,239,145,.16)!important;
  border-top:0!important;
  color:#b8f7c9!important;
  background:rgba(42,148,79,.18)!important;
  box-shadow:
    0 5px 12px rgba(29,122,60,.08),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}

/* Platform identity */
.cb-campaign-platform-mark{
  min-width:30px!important;
  height:30px!important;
  padding:0 5px!important;

  border:1px solid rgba(var(--campaign-accent),.22)!important;
  border-radius:10px!important;

  color:rgb(var(--campaign-accent))!important;
  background:
    radial-gradient(
      100% 120% at 100% 0%,
      rgba(var(--campaign-accent),.18),
      rgba(var(--campaign-accent),.06) 60%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(var(--campaign-accent),.06)!important;

  font-size:8px!important;
  font-weight:900!important;
}

.cb-campaign-platform-copy strong{
  color:#f5f6ff!important;
  font-size:9.5px!important;
  font-weight:760!important;
}

.cb-campaign-platform-copy small{
  color:#7d87a5!important;
  font-size:7.7px!important;
}

/* Ad text/link are visually calmer and cleaner */
.cb-campaign-row-copy{
  padding:0 10px!important;
}

.cb-campaign-row-copy strong{
  color:#e9ecf8!important;
  font-size:9.4px!important;
  font-weight:630!important;
  line-height:1.28!important;
}

.cb-campaign-row-copy a{
  margin-top:4px!important;
  color:#7f8ab3!important;
  font-size:7.6px!important;
}

/* Metrics read like one clean dashboard strip */
.cb-campaign-row-metric{
  position:relative!important;
  padding:1px 9px 0!important;
  border-left:1px solid rgba(191,193,247,.07)!important;
}

.cb-campaign-row-metric small{
  color:#6f7997!important;
  font-size:6.9px!important;
  font-weight:760!important;
  letter-spacing:.075em!important;
}

.cb-campaign-row-metric strong{
  margin-top:5px!important;
  color:#f0f2fb!important;
  font-size:8.4px!important;
  font-weight:720!important;
}

.cb-campaign-row-metric em{
  color:#7a849f!important;
  font-size:6.7px!important;
}

/* Status chip */
.cb-campaign-row-status{
  padding-left:7px!important;
}

.cb-campaign-status{
  min-height:25px!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  font-size:7px!important;
  font-weight:850!important;
}

.cb-campaign-status i{
  width:5px!important;
  height:5px!important;
  flex-basis:5px!important;
}

.cb-campaign-status[data-status="active"]{
  color:#b7f4c7!important;
  border-color:rgba(101,239,145,.18)!important;
  background:rgba(59,190,102,.07)!important;
}

.cb-campaign-status[data-status="paused"]{
  color:#f0d49d!important;
  border-color:rgba(239,183,70,.16)!important;
  background:rgba(219,151,37,.055)!important;
}

.cb-campaign-status[data-status="draft"]{
  color:#decaff!important;
  border-color:rgba(183,121,255,.17)!important;
  background:rgba(154,91,239,.055)!important;
}

/* Action feels integrated rather than bolted on */
.cb-campaign-row-action{
  padding-left:8px!important;
}

.cb-campaign-toggle{
  width:66px!important;
  min-height:31px!important;
  padding:6px 8px!important;

  border:1px solid rgba(var(--campaign-accent),.18)!important;
  border-radius:10px!important;

  color:#eee8ff!important;
  background:
    radial-gradient(
      100% 120% at 100% 0%,
      rgba(var(--campaign-accent),.14),
      rgba(var(--campaign-accent),.05) 68%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 10px rgba(var(--campaign-accent),.04)!important;

  font-size:8px!important;
  font-weight:800!important;
}

.cb-campaign-toggle.is-live{
  color:#f4d9a4!important;
  border-color:rgba(239,183,70,.18)!important;
  background:
    radial-gradient(
      100% 120% at 100% 0%,
      rgba(239,183,70,.12),
      rgba(219,151,37,.045) 68%
    )!important;
}

/* Hover/focus */
@media (hover:hover) and (pointer:fine){
  .cb-campaign-row:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(var(--campaign-accent),.22)!important;
    box-shadow:
      0 13px 30px rgba(3,6,28,.15),
      inset 0 1px 0 rgba(255,255,255,.055)!important;
  }

  .cb-campaign-row-live:hover{
    border-color:rgba(101,239,145,.28)!important;
  }

  .cb-campaign-toggle:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.08)!important;
  }
}

/* Mobile: keep the 92 no-scroll reflow, but make each card look intentional. */
@media(max-width:768px){
  .cb-campaign-row{
    min-height:0!important;
    padding:11px!important;
    border-radius:16px!important;
  }

  .cb-campaign-row-platform,
  .cb-campaign-row-copy{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
  }

  .cb-campaign-row-copy{
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }

  .cb-campaign-row-metric{
    min-height:48px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .cb-campaign-row-status{
    min-height:48px!important;
  }

  .cb-campaign-row-action{
    min-height:42px!important;
    align-items:flex-end!important;
  }

  .cb-campaign-toggle{
    min-width:92px!important;
    width:auto!important;
    min-height:32px!important;
    padding:7px 11px!important;
    font-size:8.5px!important;
  }
}

@media(max-width:430px){
  .cb-campaign-row{
    padding:10px!important;
  }

  .cb-campaign-row-platform{
    padding-right:7px!important;
  }

  .cb-campaign-row-copy{
    padding-left:7px!important;
  }

  .cb-campaign-row-metric{
    padding:8px 7px!important;
  }

  .cb-campaign-row-status{
    padding:8px 6px!important;
  }
}


/* 94 — explicit Edit action; campaign card itself is not clickable. */
.cb-campaign-row{
  cursor:default!important;
}

.cb-campaign-row-action{
  gap:5px!important;
}

.cb-campaign-edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  min-height:31px;
  padding:6px 8px;

  border:1px solid rgba(191,193,247,.11);
  border-radius:10px;

  color:#aeb6d0;
  background:rgba(255,255,255,.022);

  font:inherit;
  font-size:8px;
  font-weight:800;
  line-height:1;
  cursor:pointer;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);

  transition:
    transform .15s cubic-bezier(.22,1,.36,1),
    color .15s ease,
    border-color .15s ease,
    background .15s ease;
}

@media (hover:hover) and (pointer:fine){
  .cb-campaign-edit:hover{
    transform:translateY(-1px);
    color:#fff;
    border-color:rgba(var(--campaign-accent),.18);
    background:rgba(var(--campaign-accent),.05);
  }
}

.cb-campaign-edit:active{
  transform:scale(.97);
}

/* Two actions at the end need a little more breathing room. */
@media(min-width:769px){
  .cb-campaign-row{
    grid-template-columns:
      minmax(92px,.95fr)
      minmax(150px,1.7fr)
      minmax(82px,.82fr)
      minmax(82px,.82fr)
      minmax(66px,.62fr)
      minmax(66px,.62fr)
      minmax(92px,.9fr)
      minmax(66px,.62fr)
      126px!important;
  }

  .cb-campaign-row-action{
    justify-content:flex-end!important;
  }
}

@media(max-width:1180px) and (min-width:769px){
  .cb-campaign-row{
    grid-template-columns:
      minmax(82px,.9fr)
      minmax(130px,1.45fr)
      minmax(72px,.76fr)
      minmax(72px,.76fr)
      minmax(58px,.58fr)
      minmax(58px,.58fr)
      minmax(82px,.82fr)
      minmax(58px,.58fr)
      116px!important;
  }

  .cb-campaign-edit{
    width:48px;
    font-size:7.6px;
  }

  .cb-campaign-toggle{
    width:58px!important;
  }
}

@media(max-width:768px){
  .cb-campaign-row-action{
    justify-content:flex-end!important;
    gap:6px!important;
  }

  .cb-campaign-edit{
    width:auto!important;
    min-width:72px!important;
    min-height:32px!important;
    padding:7px 11px!important;
    font-size:8.5px!important;
  }
}


/* 96 — keep the LIVE pill, remove the extra top-edge LIVE tag. */
.cb-campaign-row-live:after{
  display:none!important;
  content:none!important;
}


/* Release 215 campaign moderation states */
.cb-campaign-status[data-status="pending_review"]{color:#c9b6ff;border-color:rgba(177,119,255,.18);background:rgba(153,91,240,.065)}
.cb-campaign-status[data-status="pending_review"] i{background:#b779ff}
.cb-campaign-status[data-status="rejected"]{color:#ffb5bd;border-color:rgba(255,92,108,.18);background:rgba(255,70,90,.06)}
.cb-campaign-status[data-status="rejected"] i{background:#ff5c6c}