/* v1.0.11.3 */
.ad-origin{display:flex;flex-direction:column;gap:5px;min-width:150px;max-width:310px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.ad-origin .ad-channel{font-size:12px;color:var(--muted,#64748b)}
.ad-origin .ad-name{font-size:13px;font-weight:650;color:var(--text,#24344d)}
.ad-origin .ad-campaign{font-size:12px;color:var(--muted,#64748b);white-space:normal}
.assignment-table td:has(.ad-origin){min-width:210px;max-width:310px}
.ad-filter{display:flex;flex-direction:column;gap:5px;flex:0 1 230px;min-width:170px;max-width:310px;color:var(--muted,#64748b);font-size:12px}
.ad-filter .field{width:100%;min-width:0;font-size:13px}
.assignment-toolbar:has(.ad-filter){align-items:end;flex-wrap:wrap}
.contact-filters:has(.ad-filter){align-items:end}
.contact-filters:has(.ad-filter)>.search{align-self:end}
.wf-contacts .contact-ad{min-width:230px;max-width:310px}
.ad-history{margin:16px 0;border:1px solid var(--line,#e0e6ef);border-radius:12px;background:#fff}
.ad-history summary{padding:14px 16px;cursor:pointer;font-weight:650}
.ad-history summary span{margin-left:6px;font-size:12px;color:var(--muted,#64748b)}
.ad-history article{padding:12px 16px;border-top:1px solid var(--line,#e0e6ef);overflow-wrap:anywhere}
.ad-history article>div{display:flex;justify-content:space-between;gap:12px}
.ad-history time,.ad-history small{font-size:12px;color:var(--muted,#64748b)}
.ad-history small{display:block;margin-top:4px}.ad-history p{margin:8px 0 0}
@media(max-width:700px){.ad-filter{flex:1 1 145px;min-width:0;max-width:none}.ad-origin{max-width:240px}.ad-history article>div{flex-wrap:wrap}.contact-filters:has(.ad-filter){display:flex;flex-wrap:wrap}}
.assignment-toolbar:has(.ad-filter){flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:12px}
.assignment-toolbar:has(.ad-filter)>.queue-filters{flex:1 0 100%;justify-content:flex-start}
.assignment-toolbar:has(.ad-filter)>.search{flex:1 1 220px;min-width:160px;width:auto;margin-left:0}
.ad-filter{flex:0 1 auto;width:220px}
@media(max-width:700px){.ad-filter{flex:1 1 calc(50% - 12px);width:calc(50% - 12px)}.assignment-toolbar:has(.ad-filter)>.source-filter{width:100%}}

/* Keep long customer names from widening every row and pushing actions off screen. */
@media(min-width:701px){
 .assignment-table{table-layout:fixed;width:100%;min-width:1080px}
 .assignment-table th,.assignment-table td{padding-left:12px;padding-right:12px}
 .assignment-table th:nth-child(1){width:3%}
 .assignment-table th:nth-child(2){width:6%}
 .assignment-table th:nth-child(3){width:16%}
 .assignment-table th:nth-child(4){width:17%}
 .assignment-table th:nth-child(5){width:9%}
 .assignment-table th:nth-child(6){width:8%}
 .assignment-table th:nth-child(7){width:9%}
 .assignment-table th:nth-child(8){width:8%}
 .assignment-table th:nth-child(9){width:11%}
 .assignment-table th:nth-child(10){width:13%}
 .assignment-table td:nth-child(3),.assignment-table td:nth-child(4),.assignment-table td:nth-child(6),.assignment-table td:nth-child(8),.assignment-table td:nth-child(9){white-space:normal;overflow-wrap:anywhere}
 .assignment-table td:has(.ad-origin){min-width:0;max-width:none}
 .assignment-table .ad-origin{min-width:0;max-width:100%}
 .assignment-table .customer-link{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5}
 .assignment-table .region-value{word-break:keep-all}
 .assignment-table .customer-area-small{max-width:100%;line-height:1.5}
 .assignment-table .assignment-actions{gap:6px;flex-wrap:wrap}
 .assignment-table .assignment-actions button{padding-inline:8px}
}
@media(max-width:700px){
 .mobile-web .assignment-toolbar .ad-filter{width:100%;max-width:none;min-width:0}
 .mobile-web .assignment-table td:has(.ad-origin){grid-column:1/-1;min-width:0;max-width:none}
 .mobile-web .assignment-table .ad-origin{min-width:0;max-width:100%}
}

/* Meta reporting: shared gutter, comparable numeric columns, scoped by panel width. */
.meta-report {
  --report-pad: clamp(16px, 2vw, 26px);
  --report-rule: #dce3ec;
  --report-muted: #536277;
  color: #233146;
  container: meta-report / inline-size;
}
.meta-report > .panel-heading { padding: 18px var(--report-pad); align-items: center }
.meta-report .panel-heading h2 { font-size: 17px; line-height: 1.35; color: #192b45 }
.meta-report .panel-heading p { font-size: 13px; margin-top: 4px; color: var(--report-muted) }
.meta-report .panel-heading .badge { color: #4a5b71; white-space: nowrap }
.meta-report .meta-account { padding: 18px var(--report-pad) 20px; border-top: 0 }
.meta-report .meta-account + .meta-account { border-top: 1px solid var(--report-rule) }
.meta-report .meta-account-heading { gap: 6px 10px; line-height: 1.5 }
.meta-report .meta-account-heading small { margin-inline-start: auto; font-size: 12px; color: var(--report-muted) }
.meta-report .meta-ad-account-name { font-size: 13px; color: var(--report-muted) }
.meta-overview {
  display: grid; grid-template-columns: 1.35fr repeat(5,minmax(0,1fr));
  margin: 14px 0 19px; padding: 0; border-block: 1px solid var(--report-rule);
}
.meta-overview > div { min-width: 0; padding: 14px 14px 15px }
.meta-overview > div:first-child { padding-inline-start: 0 }
.meta-overview > .meta-result { background: #f2f6fb }
.meta-overview dt { color: var(--report-muted); font-size: 13px; font-weight: 550; line-height: 1.5 }
.meta-overview dd { margin: 4px 0 0; font-size: clamp(20px, 2cqi, 29px); letter-spacing: -.035em; line-height: 1.22; font-weight: 680; font-variant-numeric: tabular-nums; overflow-wrap: anywhere }
.meta-overview dd small { font-size: .59em; font-weight: 550; margin-inline-start: 2px; letter-spacing: 0 }
.meta-overview > .meta-result dd { color: #214b74 }
.meta-report .meta-campaigns:not(.traffic-breakdown) { position: relative; margin: 0; border: 0; border-radius: 0; overflow: visible }
.meta-report .meta-campaigns > summary {
  padding: 0; min-height: 48px; gap: 6px; width: fit-content; max-width: 100%;
  font-size: 15px; color: #22344c; font-weight: 650; background: transparent;
}
.meta-report .meta-campaigns[open] > summary { border: 0 }
.meta-report .meta-campaigns > summary::after { margin-inline-start: 2px }
.meta-report .meta-campaigns > summary span { margin: 0; color: var(--report-muted); font-size: 12px; font-weight: 500 }
.meta-campaign-sort { position: absolute; inset-block-start: 3px; inset-inline-end: 0; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--report-muted) }
.meta-campaign-sort select.field { width: auto; min-height: 38px; font-size: 13px; margin: 0; color: #2f4057; padding-inline-start: 10px }
.meta-report :is(summary,select):focus-visible { outline: 2px solid #265fa2; outline-offset: 2px }
.meta-report .meta-campaigns .table-scroll { border: 1px solid var(--report-rule); border-radius: 8px; margin: 2px 0 0 }
.meta-report .meta-campaign-table { width: 100%; border-collapse: collapse }
.meta-report .meta-campaign-table :is(th,td) { padding: 11px 12px; text-align: right; font-variant-numeric: tabular-nums; color: #35465b; line-height: 1.5; white-space: nowrap }
.meta-report .meta-campaign-table th { background: #f5f7fa; font-size: 12px; color: #4e5c6f; font-weight: 600 }
.meta-report .meta-campaign-table td { border-top: 1px solid #e6eaf0; border-bottom: 0; font-size: 14px }
.meta-report .meta-campaign-table :is(th,td):first-child { text-align: left; width: 30%; min-width: 0; white-space: normal; overflow-wrap: anywhere }
.meta-report .meta-campaign-table td:first-child:not([colspan]) { font-weight: 600; color: #24354c }
.meta-report .meta-campaign-table td.meta-result { color: #214b74; font-weight: 650 }
.meta-report .meta-report-note { margin: 0 var(--report-pad); border-top: 1px solid var(--report-rule); color: var(--report-muted); font-size: 12px; line-height: 1.6 }
.meta-report-note summary { display: flex; align-items: center; min-height: 42px; width: fit-content; cursor: pointer; list-style: none }
.meta-report-note summary::-webkit-details-marker { display:none }
.meta-report-note summary::after { content: ''; width:14px; height:14px; margin-left: 5px; background: var(--ui-chevron) center/14px no-repeat }
.meta-report-note[open] summary::after { transform: rotate(180deg) }
.meta-report-note p { margin: 0 0 4px }
.meta-report-note p:last-child { padding-bottom: 12px }
@container meta-report (max-width: 735px) {
  .meta-overview { grid-template-columns: repeat(3,minmax(0,1fr)) }
  .meta-report .meta-campaign-table, .meta-report .meta-campaign-table tbody { display: block; width: 100%; min-width: 0 }
  .meta-report .meta-campaign-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%) }
  .meta-report .meta-campaign-table tbody tr { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px 8px; padding: 14px 12px; border-top: 1px solid var(--report-rule) }
  .meta-report .meta-campaign-table tbody tr:first-child { border-top: 0 }
  .meta-report .meta-campaign-table tbody td { display: flex; flex-direction: column; align-items: start; gap: 1px; min-width: 0; max-width: none; width: auto; padding: 0; border: 0; white-space: normal; text-align: start; overflow-wrap: anywhere }
  .meta-report .meta-campaign-table tbody td:first-child { grid-column: 1/-1; width: auto; font-size: 15px }
  .meta-report .meta-campaign-table td:not(:first-child)::before { content: attr(data-label); font-size: 12px; font-weight: 450; color: var(--report-muted) }
  .meta-report .meta-campaign-table td:first-child::before { content: none }
}
@container meta-report (max-width: 560px) {
  .meta-report .meta-account-heading small { flex-basis: 100%; margin: 0 }
  .meta-overview { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 10px 0; padding-block: 6px; row-gap: 2px }
  .meta-overview > div, .meta-overview > div:first-child { padding: 8px 10px }
  .meta-overview dd { font-size: 21px }
  .meta-campaign-sort select.field { min-height: 44px }
  .meta-report .meta-campaigns > summary { min-height: 50px }
  .meta-report .meta-report-note summary { min-height: 44px }
}
@container meta-report (max-width: 380px) {
  .meta-campaign-sort { position: static; justify-content: flex-start; margin: 0 0 8px }
  .meta-report .meta-campaigns > summary { min-height: 44px }
}

.meta-report .meta-posted-date {
  display: block; margin-top: 3px; color: var(--report-muted);
  font-size: 12px; font-weight: 450; line-height: 1.5; font-variant-numeric: tabular-nums;
}
.meta-report .meta-posted-date ul { margin: 2px 0 0; padding-inline-start: 1.2em }