/* Tokens da Saúde: painéis 10px, intervalos 12/16px, régua 10px e paleta de company_health.js. */
.traffic-campaign-problems { margin:0 0 20px; min-width:0; scroll-margin-top:20px; }
.traffic-campaign-problems > h2 { margin:0 0 16px; }
.traffic-campaign-problems-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.traffic-campaign-problems-grid > * { min-width:0; }
.traffic-campaign-problems-grid .campaign-problems-card { margin-bottom:0; }
.traffic-campaign-problems:focus-visible { outline:2px solid var(--blue,#54b6ff); outline-offset:4px; }
.campaign-problems-card {
  --cp-red:var(--red,#ff7777); --cp-orange:#ffad5c; --cp-yellow:var(--yellow,#ffcf70); --cp-green:var(--green,#55d69a);
  --cp-tone:var(--muted,#93a4ba);
  margin:0 0 16px; padding:20px; border:1px solid var(--line,#26364e); border-radius:10px;
  background:var(--panel,#131d2d); color:var(--text,#f3f7fb); font:inherit; line-height:1.45;
  min-width:0; overflow-wrap:anywhere; scroll-margin-top:20px;
}
.campaign-problems-card *, .campaign-problems-card *::before { box-sizing:border-box; }
.campaign-problems-card[data-severity="0"], .campaign-problems-card[data-severity="5"] { --cp-tone:var(--cp-green); }
.campaign-problems-card[data-severity="1"], .campaign-problems-card[data-severity="2"] { --cp-tone:var(--cp-red); }
.campaign-problems-card[data-severity="3"] { --cp-tone:var(--cp-orange); }
.campaign-problems-card[data-severity="4"] { --cp-tone:var(--cp-yellow); }
.campaign-problems-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.campaign-problems-card h3.campaign-problems-eyebrow { margin:0; font-size:13px; font-weight:500; color:var(--muted,#93a4ba); }
.campaign-problems-card p { margin:0; }
.campaign-problems-count { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:6px 0 !important; color:var(--cp-tone); }
.campaign-problems-count strong { font-size:44px; line-height:1.1; font-weight:700; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.campaign-problems-count > span { font-size:20px; font-weight:600; }
.campaign-problems-count > .campaign-problems-unavailable { font-size:24px; }
.campaign-problems-status { font-size:13px; color:var(--cp-tone); }
.campaign-problems-card[data-state="stale"] .campaign-problems-status { color:var(--cp-yellow); }
.campaign-problems-note { color:var(--muted,#93a4ba); font-size:12px; }
.campaign-problems-scale { margin:16px 0 6px; }
.campaign-problems-bar { display:flex; height:10px; border-radius:6px; overflow:hidden; }
.campaign-problems-bar > span { flex:1; }
.campaign-problems-red { background:var(--cp-red); }.campaign-problems-orange { background:var(--cp-orange); }
.campaign-problems-yellow { background:var(--cp-yellow); }.campaign-problems-green { background:var(--cp-green); }
.campaign-problems-marker { position:relative; height:12px; margin-top:-2px; }
.campaign-problems-marker i { position:absolute; top:0; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid var(--text,#f3f7fb); transform:translateX(-6px); }
.campaign-problems-scale-labels { display:flex; gap:6px; color:var(--muted,#93a4ba); font-size:12px; }
.campaign-problems-scale-labels span { flex:1; }
.campaign-problems-scale-labels span:last-child { text-align:right; }
.campaign-problems-list { display:grid; list-style:none; padding:0; margin:16px 0 0; gap:12px; }
.campaign-problems-item { min-width:0; padding:13px 14px; border:1px solid var(--line,#26364e); border-radius:10px; background:var(--panel-soft,#17243a); }
.campaign-problems-row-heading { display:flex; gap:8px; align-items:baseline; }
.campaign-problems-row-heading strong { font-size:15px; font-weight:600; }
.campaign-problems-dot { flex:none; width:8px; height:8px; border-radius:50%; background:var(--muted,#93a4ba); }
[data-severity="1"] > .campaign-problems-row-heading .campaign-problems-dot,[data-severity="2"] > .campaign-problems-row-heading .campaign-problems-dot { background:var(--cp-red); }
[data-severity="3"] > .campaign-problems-row-heading .campaign-problems-dot { background:var(--cp-orange); }
[data-severity="4"] > .campaign-problems-row-heading .campaign-problems-dot { background:var(--cp-yellow); }
[data-severity="5"] > .campaign-problems-row-heading .campaign-problems-dot { background:var(--cp-green); }
.campaign-problems-row-info { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 16px; color:var(--muted,#93a4ba); font-size:12px; margin:6px 0; }
.campaign-problems-spend { white-space:nowrap; font-variant-numeric:tabular-nums; }
.campaign-problems-action { font-size:13px; }
.campaign-problems-card summary { cursor:pointer; width:fit-content; font-size:12px; color:var(--muted,#93a4ba); padding:6px 0; }
.campaign-problems-details { margin-top:6px; }
.campaign-problems-details dl { display:grid; grid-template-columns:minmax(90px,25%) minmax(0,1fr); gap:6px 12px; font-size:12px; margin:8px 0 12px; }
.campaign-problems-details dt { color:var(--muted,#93a4ba); }.campaign-problems-details dd { margin:0; min-width:0; }
.campaign-problems-more { margin-top:12px; }
.campaign-problems-more > summary { font-size:13px; }
.campaign-problems-footer { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 16px; margin-top:16px; }
.campaign-problems-reading { margin-left:auto; }
.campaign-problems-card a,.campaign-problems-health a { color:var(--blue,#54b6ff); text-underline-offset:3px; font-size:13px; }
.campaign-problems-card :is(a,summary):focus-visible,.campaign-problems-health a:focus-visible { outline:2px solid var(--blue,#54b6ff); outline-offset:3px; border-radius:3px; }
.campaign-problems-health { padding:12px 14px; margin:0 0 14px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
/* A: cartões. B: lista em colunas sem cartão por item. C: resumo e grupos recolhíveis. */
.campaign-problems-list-compact { gap:0; margin-top:0; }
.campaign-problems-columns,.campaign-problems-list-compact > .campaign-problems-item {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) 105px minmax(0,1.5fr) 60px; gap:8px 16px;
}
.campaign-problems-columns { margin-top:16px; padding:8px 0; color:var(--muted,#93a4ba); font-size:11px; }
.campaign-problems-list-compact > .campaign-problems-item { align-items:baseline; padding:12px 0; border:0; border-top:1px solid var(--line,#26364e); border-radius:0; background:transparent; }
.campaign-problems-list-compact .campaign-problems-row-heading strong { font-size:13px; }
.campaign-problems-campaign { min-width:0; font-size:12px; }
.campaign-problems-campaign small { display:block; margin-top:3px; color:var(--muted,#93a4ba); font-size:11px; }
.campaign-problems-list-compact .campaign-problems-spend { font-size:12px; }
.campaign-problems-list-compact .campaign-problems-action { font-size:12px; }
.campaign-problems-list-compact .campaign-problems-details { margin:0; }
.campaign-problems-list-compact .campaign-problems-details > summary { padding:0; }
.campaign-problems-list-compact .campaign-problems-details[open] { grid-column:1 / -1; }
[data-variant="C"] .campaign-problems-head { flex-wrap:wrap; align-items:center; }
[data-variant="C"] .campaign-problems-head > .campaign-problems-note { margin-left:auto; }
.campaign-problems-counters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; flex-basis:100%; margin-top:8px; }
.campaign-problems-counter { padding:12px 0 8px; border-top:2px solid currentColor; display:flex; flex-direction:column; }
.campaign-problems-counter strong { font-size:32px; line-height:1.2; font-variant-numeric:tabular-nums; }
.campaign-problems-counter span { font-size:13px; }
.campaign-problems-counter[data-severity="1"],.campaign-problems-group[data-severity="1"] > summary .campaign-problems-dot { color:var(--cp-red); }
.campaign-problems-counter[data-severity="3"],.campaign-problems-group[data-severity="3"] > summary .campaign-problems-dot { color:var(--cp-orange); }
.campaign-problems-counter[data-severity="4"],.campaign-problems-group[data-severity="4"] > summary .campaign-problems-dot { color:var(--cp-yellow); }
.campaign-problems-group[data-severity="5"] > summary .campaign-problems-dot { color:var(--cp-green); }
.campaign-problems-group { border-top:1px solid var(--line,#26364e); margin-top:12px; }
.campaign-problems-group > summary { width:100%; padding:14px 0; display:flex; align-items:center; gap:8px; font-size:14px; color:var(--text,#f3f7fb); list-style:none; }
.campaign-problems-group > summary::-webkit-details-marker { display:none; }
.campaign-problems-group > summary::after { content:'+'; font-size:18px; color:var(--muted,#93a4ba); }
.campaign-problems-group[open] > summary::after { content:'−'; }
.campaign-problems-group > summary > span:last-child { margin-left:auto; font-size:12px; color:var(--muted,#93a4ba); }
.campaign-problems-group > summary .campaign-problems-dot { background:currentColor; }
.campaign-problems-group .campaign-problems-list { margin:0 0 16px; }
/* Meta e Google: um tipo por bloco, contas e IDs copiáveis. */
.campaign-problems-list-accounts.campaign-problems-list-compact > .campaign-problems-item { display:block; }
.campaign-problems-list-accounts .campaign-problems-row-heading strong { font-size:15px; }
.campaign-problems-where { font-size:13px; margin:6px 0 !important; }
.campaign-problems-urgent { color:var(--cp-red); font-size:13px; font-weight:700; font-style:normal; }
.campaign-problems-group > summary { flex-wrap:wrap; }
.campaign-problems-account { margin-top:12px; padding-top:10px; border-top:1px solid var(--line,#26364e); min-width:0; }
.campaign-problems-account-label { font-size:13px; }
.campaign-problems-ids { margin:6px 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.6; user-select:text; }
.campaign-problems-copy { font:inherit; font-size:12px; color:var(--text,#f3f7fb); background:var(--panel,#131d2d); border:1px solid var(--line,#26364e); border-radius:5px; padding:5px 9px; cursor:pointer; margin-right:12px; }
.campaign-problems-account-link { display:inline-block; margin:4px 0; }
.campaign-problems-copy:focus-visible { outline:2px solid var(--blue,#54b6ff); outline-offset:3px; }
/* Mesmo contrato de tema da dash; cores escuras seguem a régua aprovada da Saúde. */
[data-theme="light"] .campaign-problems-card,[data-theme="light"].campaign-problems-card,[data-theme="light"] .campaign-problems-health {
  --cp-red:#a92336; --cp-orange:#995000; --cp-yellow:#806000; --cp-green:#086641;
  --panel:#fff; --panel-soft:#f4f7fb; --line:#d8e0e9; --text:#122234; --muted:#526174; --blue:#075d99;
}
@media (max-width:700px) {
  .traffic-campaign-problems-grid { grid-template-columns:minmax(0,1fr); }
  .campaign-problems-card { padding:16px; }
  .campaign-problems-head { flex-direction:column; gap:8px; }
  .campaign-problems-columns { display:none; }
  .campaign-problems-list-compact { margin-top:16px; }
  .campaign-problems-list-compact > .campaign-problems-item { grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; padding:10px 0; }
  .campaign-problems-list-compact .campaign-problems-row-heading { grid-column:1; grid-row:1; }
  .campaign-problems-list-compact .campaign-problems-spend { grid-column:2; grid-row:1; }
  .campaign-problems-campaign { grid-column:1 / -1; }
  .campaign-problems-campaign small { display:inline; margin-left:6px; }
  .campaign-problems-list-compact .campaign-problems-action { grid-column:1; }
  .campaign-problems-list-compact .campaign-problems-details { grid-column:2; }
  .campaign-problems-list-compact .campaign-problems-details[open] { grid-column:1 / -1; }
  [data-variant="C"] .campaign-problems-head { flex-direction:row; }
  [data-variant="C"] .campaign-problems-head > .campaign-problems-note { margin-left:0; flex-basis:100%; }
  .campaign-problems-counters { gap:12px; }
}
@media (max-width:420px) {
  .campaign-problems-count strong { font-size:40px; }
  .campaign-problems-reading { margin-left:0; flex-basis:100%; }
  .campaign-problems-details dl { grid-template-columns:minmax(0,1fr); gap:2px; }
  .campaign-problems-details dd { margin-bottom:8px; }
}