body[data-portal="client"] .client-campaign-add{width:min(928px,100%);margin:-8px auto 0;padding-top:0}body[data-portal="client"] .client-campaign-add h2{font:500 18px/22px 'Fira Sans',sans-serif;margin:24px 0}body[data-portal="client"] .client-campaign-add-back{display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;color:var(--muted);font:500 13px/16px 'Fira Sans',sans-serif;cursor:pointer}body[data-portal="client"] .client-campaign-add-back svg{width:18px;height:18px}body[data-portal="client"] .client-campaign-add .page-toolbar{margin-bottom:12px}body[data-portal="client"] .client-campaign-add .page-toolbar [data-action="table-sort"],body[data-portal="client"] .client-campaign-add .page-toolbar [data-action="table-refresh"],body[data-portal="client"] .client-campaign-add .page-toolbar [data-action="table-columns"]{display:none}body[data-portal="client"] .client-campaign-add footer{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-top:28px}body[data-portal="client"] .client-campaign-add .table-card{background:none;border:0;padding:0}body[data-portal="client"] .client-campaign-add .table-card th{font-size:13px;line-height:16px}body[data-portal="client"] .client-campaign-add [role=alert]{margin-top:16px}@media(max-width:760px){body[data-portal="client"] .client-campaign-add{margin-top:0;width:100%}body[data-portal="client"] .client-campaign-add .page-toolbar{flex-wrap:wrap}}
body[data-portal="client"] .client-campaign-add .campaign-selection-size{position:relative;display:inline-block;font:500 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .client-campaign-add .campaign-selection-size summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}
body[data-portal="client"] .client-campaign-add .campaign-selection-size summary>svg{width:10px;height:7px}
body[data-portal="client"] .client-campaign-add .campaign-selection-size>div{position:absolute;right:0;top:100%;z-index:30;min-width:107px;padding:5px;background:#1c1d23;border:1px solid #3c3f49;border-radius:5px}
body[data-portal="client"] .client-campaign-add .campaign-selection-size button{display:block;width:100%;height:40px;border:0;background:transparent;color:inherit;text-align:left;font:500 13px/16px 'Fira Sans',sans-serif;cursor:pointer}
body[data-portal="client"] .client-campaign-add .campaign-selection-size input{width:100%;max-width:130px;color:inherit;background:transparent;border:1px solid #3c3f49;font:400 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .client-campaign-add .campaign-selection-size button[hidden]{display:none}
/* Scoped attachment pages, measured against populated and empty reference states. */
body[data-portal="client"] .campaign-attachment-card{padding:0 20px 20px;border:1px solid #3c3f49;border-radius:10px;background:#1c1d23;overflow:visible}
body[data-portal="client"] .campaign-attachment-card>:is(h2,h3){font:500 18px/22px 'Fira Sans',sans-serif;padding:20px 0 16px;margin:0;border-bottom:1px solid #3c3f49}
body[data-portal="client"] .campaign-attachment-toolbar{display:flex;align-items:center;gap:16px;padding:16px 0 8px}
body[data-portal="client"] .campaign-attachment-right{margin-left:auto;display:flex;align-items:center;gap:16px}
body[data-portal="client"] .campaign-attachment-toolbar :is(button,summary){color:inherit;cursor:pointer}
body[data-portal="client"] .campaign-attachment-search{display:flex;align-items:center;position:relative;width:24px;height:32px;overflow:hidden;transition:width 150ms cubic-bezier(.4,0,.2,1)}
body[data-portal="client"] .campaign-attachment-search.open{width:180px;background:#1c1d23;border-radius:5px}
body[data-portal="client"] .campaign-attachment-search button{flex:none;border:0;padding:0;width:24px;height:24px;background:none}
body[data-portal="client"] .campaign-attachment-search input{width:132px;min-width:0;flex:none;font:400 13px/16px 'Fira Sans',sans-serif;background:none;color:inherit;border:0;padding:0 8px;height:32px}
body[data-portal="client"] .campaign-attachment-search [data-attachment-close]{width:16px;height:16px;flex:none}
body[data-portal="client"] .campaign-attachment-search svg{width:24px;height:24px}
body[data-portal="client"] .campaign-attachment-search [data-attachment-close] svg{width:16px;height:16px}
body[data-portal="client"] .campaign-attachment-search:not(.open) :is(input,[data-attachment-close]){visibility:hidden}
body[data-portal="client"] :is(.campaign-attachment-filter,.campaign-attachment-filter-chip){position:relative}
body[data-portal="client"] .campaign-attachment-filter>summary{display:flex;align-items:center;list-style:none;width:24px;height:32px;cursor:pointer}
body[data-portal="client"] .campaign-attachment-filter>summary svg{width:24px;height:24px}
body[data-portal="client"] :is(.campaign-attachment-filter,.campaign-attachment-filter-chip)>div{position:absolute;z-index:35;top:100%;left:0;min-width:200px;padding:8px;background:#1c1d23;border:1px solid #3c3f49;border-radius:5px}
body[data-portal="client"] :is(.campaign-attachment-filter,.campaign-attachment-filter-chip)>div>:is(button,label){display:flex;align-items:center;gap:8px;min-height:32px;background:none;border:0;color:inherit;font:500 13px/16px 'Fira Sans',sans-serif;cursor:pointer}
body[data-portal="client"] .campaign-attachment-filter-chip :is(select,input[type=search]){font:500 13px/16px 'Fira Sans',sans-serif;width:100%;height:32px;background:#23242a;color:#fff;border:1px solid #3c3f49}
body[data-portal="client"] .campaign-attachment-filters{display:flex;gap:12px;align-items:center;padding:8px 0;flex-wrap:wrap;font:400 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .campaign-attachment-filters[hidden]{display:none}
body[data-portal="client"] .campaign-attachment-filters>button{background:none;border:0;color:#a290e7;cursor:pointer;font:inherit}
body[data-portal="client"] .campaign-attachment-right .campaign-confirm{height:36px;min-height:36px;padding:0 16px;border:0;background:linear-gradient(#6342c5,#8563e9);font:400 13px/16px 'Fira Sans',sans-serif;white-space:nowrap}
body[data-portal="client"] .campaign-attachment-card .campaign-selection-size>summary{display:flex;align-items:center;gap:4px;height:36px;list-style:none;font:500 13px/16px 'Fira Sans',sans-serif;cursor:pointer}
body[data-portal="client"] .campaign-attachment-card .campaign-selection-size input{height:28px;padding:4px 8px;box-sizing:border-box;font:500 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .campaign-attachment-card .table-card{padding:0;border:0;background:none;overflow:visible}
body[data-portal="client"] .campaign-attachment-card table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0 6px}
body[data-portal="client"] .campaign-attachment-card th{height:40px;padding:0 12px;font:400 13px/16.25px 'Fira Sans',sans-serif;background:#23242a;text-transform:uppercase}
body[data-portal="client"] .campaign-attachment-sort{font:inherit;text-transform:inherit;background:none;border:0;color:inherit;padding:0;cursor:pointer}
body[data-portal="client"] .campaign-attachment-card td{height:40px;padding:0 12px;font:400 13px/16px 'Fira Sans',sans-serif;transition:background-color 150ms cubic-bezier(.4,0,.2,1)}
body[data-portal="client"] .campaign-attachment-card tbody tr:hover td{background:#23242a}
body[data-portal="client"] .campaign-attachment-card :is(th,td):first-child{width:40px;box-sizing:border-box;text-align:center;padding:0 12px}
body[data-portal="client"] .campaign-attachment-card input[type=checkbox]{appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;border:1px solid #9e9e9e;border-radius:3px;background:transparent;vertical-align:middle;cursor:pointer}
body[data-portal="client"] .campaign-attachment-card input[type=checkbox]:checked{background:#6f4fcc;border-color:#6f4fcc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}
body[data-portal="client"] .campaign-attachment-status{display:inline-block;width:14px;height:14px;border-radius:5px;background:#727478;vertical-align:middle}
body[data-portal="client"] .campaign-attachment-status.active{background:#12ab69}
body[data-portal="client"] .campaign-attachment-card td:last-child:has(.campaign-attachment-status){text-align:center}
body[data-portal="client"] .campaign-attachment-card .campaign-tracking-pagination[hidden]{display:none}
body[data-portal="client"] .campaign-attachment-card .campaign-tracking-pagination{display:flex;justify-content:flex-end;gap:16px;padding:8px 0;font:400 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .campaign-attachment-card footer{display:flex;justify-content:flex-end;gap:20px;margin-top:20px}
@media(hover:hover) and (pointer:fine){body[data-portal="client"] .campaign-attachment-card tbody input[type=checkbox]:not(:checked):not(:focus-visible){opacity:0}body[data-portal="client"] .campaign-attachment-card tbody tr:hover input[type=checkbox],body[data-portal="client"] .campaign-attachment-card tbody tr:focus-within input[type=checkbox]{opacity:1}}
@media(max-width:760px){body[data-portal="client"] .campaign-attachment-card{padding-inline:12px}body[data-portal="client"] .campaign-attachment-toolbar{flex-wrap:wrap}body[data-portal="client"] .campaign-attachment-card .table-wrap{overflow:auto}body[data-portal="client"] .campaign-attachment-filter-chip>div{max-width:calc(100vw - 48px)}}
@media(prefers-reduced-motion:reduce){body[data-portal="client"] .campaign-attachment-search,body[data-portal="client"] .campaign-attachment-card td{transition:none}}
body[data-portal="client"] .campaign-attachment-filter [data-attachment-field][hidden],body[data-portal="client"] .campaign-attachment-filter-chip label[hidden]{display:none}