/* SELLIORA r441 · Campaigns in the layout of the design (Opportunities look) */
#page-campaigns{--op-r:12px;--op-acc:var(--p);--op-accl:var(--pl)}
.cpx-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cpx-chips{flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 0}
.cpx-chips::-webkit-scrollbar{display:none}
.cpx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 12px;border-radius:8px;border:1px solid transparent;
  background:color-mix(in srgb,var(--c) 9%,var(--s));color:var(--c);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.cpx-chip b{font-size:11px;font-weight:700;color:var(--t2);background:var(--s);border:1px solid var(--bd);border-radius:999px;padding:0 7px;line-height:17px}
.cpx-chip:hover{border-color:color-mix(in srgb,var(--c) 35%,transparent)}
.cpx-chip.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset;font-weight:600}
.cpx-chip[data-ch=all]{background:var(--s);border-color:var(--bd2);color:var(--t)}
.cpx-chip[data-ch=all].on{background:var(--pl);border-color:color-mix(in srgb,var(--p) 55%,var(--bd2));color:var(--p);box-shadow:none}
.cpx-chip:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.cpx-new{flex:none;height:34px;border-radius:8px;padding:0 14px;font-weight:600}
.cpx-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1200px){.cpx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cpx-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.cpx-q{height:34px;min-width:280px;flex:0 1 380px}
.cpx-sel,.cpx-date{height:34px;border-radius:8px;padding:0 8px;font-size:12.5px;min-width:130px}
.cpx-grow{flex:1}
/* the table */
.cpx-tbl{width:100%;border-collapse:collapse}
.cpx-tbl thead th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--t2);font-weight:600;padding:10px 12px;background:var(--s);border-bottom:1px solid var(--bd);text-align:left;white-space:nowrap}
.cpx-tbl tbody td{padding:10px 12px;font-size:12.5px;border-bottom:1px solid var(--bd);vertical-align:middle}
.cpx-tbl tbody tr:hover td{background:color-mix(in srgb,var(--p) 3%,var(--s))}
.cpx-tbl tbody tr:last-child td{border-bottom:0}
.cpx-c{width:36px;padding-right:0!important}
.cpx-name{display:flex;flex-direction:column;gap:2px;min-width:180px}
.cpx-link{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--p);cursor:pointer;text-align:left}
.cpx-link:hover{text-decoration:underline}
.cpx-name span,.cpx-two span{font-size:11.5px;color:var(--t2)}
.cpx-two{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.cpx-two b{font-weight:600;color:var(--t)}
.cpx-dim{color:var(--t3)}
.cpx-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;border-radius:7px;padding:3px 9px;white-space:nowrap}
.cpx-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.cpx-st.g{background:color-mix(in srgb,#16A34A 12%,var(--s));color:#15803D}
.cpx-st.b{background:color-mix(in srgb,#2563EB 10%,var(--s));color:#1D4ED8}
.cpx-st.a{background:color-mix(in srgb,#EA580C 12%,var(--s));color:#C2410C}
.cpx-st.r{background:color-mix(in srgb,#DC2626 10%,var(--s));color:#DC2626}
.cpx-st.n{background:var(--s2);color:var(--t2)}
.cpx-prog{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:140px}
.cpx-prog>div:first-child{grid-column:1/-1;font-size:12px;color:var(--t2)}
.cpx-prog>div:first-child b{color:var(--t);font-weight:600}
.cpx-bar{height:6px;border-radius:999px;background:var(--s2);overflow:hidden}
.cpx-bar i{display:block;height:100%;border-radius:999px;background:#2563EB}
.cpx-bar i.g{background:#16A34A}.cpx-bar i.a{background:#EA580C}
.cpx-prog>span{font-size:11px;color:var(--t2);font-variant-numeric:tabular-nums}
.cpx-acts{display:flex;align-items:center;gap:5px}
.cpx-ib{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;border:1px solid transparent;background:var(--s2);color:var(--t2);font-size:15px;line-height:1}
.cpx-ib.rep{background:color-mix(in srgb,#2563EB 10%,var(--s));color:#2563EB}
.cpx-ib.go{background:color-mix(in srgb,#16A34A 12%,var(--s));color:#15803D}
.cpx-ib.pa{background:color-mix(in srgb,#EA580C 12%,var(--s));color:#C2410C}
.cpx-ib.more{background:var(--s);border-color:var(--bd2)}
.cpx-ib:hover{filter:brightness(.95)}
.cpx-ib:focus-visible,.cpx-link:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.cpx-empty{text-align:center;color:var(--t2);padding:30px!important}
/* only the table scrolls (selliora-fitlist.js) — headings stay */
.page.fit-list .cpx-card thead th{position:sticky;top:0;z-index:3}
#page-campaigns .ph,#page-campaigns .ps{display:none}