/* A2 Social 19.0.7: logos de clientes em preenchimento integral, sem moldura interna. */
body.a2-client-logos-v1906 .a2-client-identity-logo {
  --a2-logo-size: 42px;
  position: relative; width: var(--a2-logo-size); height: var(--a2-logo-size);
  flex: 0 0 var(--a2-logo-size); display: inline-grid; place-items: center;
  border-radius: 12px; background: #f2f5fc; border: 0;
  color: #315cf5; font-size: 17px; line-height: 1; font-weight: 800;
  vertical-align: middle; overflow: hidden; isolation: isolate;
}
body.a2-client-logos-v1906 .a2-logo--sm { --a2-logo-size: 30px; border-radius: 9px; font-size: 12px; }
body.a2-client-logos-v1906 .a2-logo--lg { --a2-logo-size: 56px; border-radius: 14px; font-size: 20px; }
body.a2-client-logos-v1906 .a2-client-identity-logo > img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; padding: 0; margin: 0;
  border: 0; border-radius: inherit; background: #fff; box-sizing: border-box;
  max-width: none; max-height: none; display: block;
  opacity: 0; transition: opacity 150ms ease;
  filter: none;
}
body.a2-client-logos-v1906 .a2-logo--sm > img { padding: 0; }
body.a2-client-logos-v1906 .a2-logo--lg > img { padding: 0; }
body.a2-client-logos-v1906 .a2-client-identity-logo.is-loaded > img { opacity: 1; }
body.a2-client-logos-v1906 .a2-client-identity-logo.is-loaded > .a2-client-logo-initial { visibility: hidden; }
/* A variante branca cadastrada como reserva é exibida sobre fundo escuro. */
body.a2-client-logos-v1906 .a2-client-identity-logo.is-on-dark > img { background: #17243e; }
body.a2-client-logos-v1906 .a2-client-ident, body.a2-client-logos-v1906 .a2-logo-inline-title,
body.a2-client-logos-v1906 .a2-logo-calendar-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
body.a2-client-logos-v1906 .a2-logo-inline-title > .a2-client-logo-title,
body.a2-client-logos-v1906 .a2-logo-calendar-name > span:last-child { min-width: 0; }
body.a2-client-logos-v1906 .a2-logo-inline-title h3 { margin: 0; }
body.a2-client-logos-v1906 .a2-client-task-heading { min-width: 0; }
body.a2-client-logos-v1906 .a2-logo-calendar-name { gap: 7px; }
body.a2-client-logos-v1906 .a2-logo-calendar-name .a2-logo--sm { --a2-logo-size: 25px; border-radius: 7px; }
body.a2-client-logos-v1906 .a2-ref-week-client.a2-logo-calendar-name { display:flex; align-items:center; }
body.a2-client-logos-v1906 .a2-ref-week-client.a2-logo-calendar-name .a2-client-identity-logo { --a2-logo-size: 24px; }
body.a2-client-logos-v1906 .monthly-plan-item-title .a2-logo-inline-title,
body.a2-client-logos-v1906 .traffic-top .a2-logo-inline-title { max-width: 100%; }
body.a2-client-logos-v1906 .a2-client-logo-hero { display:flex; align-items:center; gap:14px; min-width:0; }
body.a2-client-logos-v1906 .a2-client-logo-hero > div {min-width:0;}
body.a2-client-logos-v1906 .a2-logo-dashboard-client { display:inline-flex; align-items:center; gap:6px; }
body.a2-client-logos-v1906 .a2-logo-dashboard-client .a2-client-identity-logo {--a2-logo-size:25px; border-radius:7px;}
html[data-a2-theme="dark"] body.a2-client-logos-v1906 .a2-client-identity-logo {background:#263550;border-color:#3a4a63;color:#b5c7ff;}
@media (prefers-reduced-motion: reduce) {body.a2-client-logos-v1906 .a2-client-identity-logo > img {transition:none;}}

/* V19.0.8 — Dashboard: nome do cliente com respiro e peso regular.
   As regras legadas do quadro usam display:block e font-weight:800!important;
   restringimos esta correção ao nome do cliente, sem alterar títulos/KPIs. */
@media screen {
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .trello-card .card-topline {
    column-gap: 12px !important;
    min-height: 30px;
  }
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .traffic-dashboard-card .traffic-card-topline {
    column-gap: 12px !important;
    min-height: 30px;
  }
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .trello-card .card-client-top.a2-logo-dashboard-client,
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .traffic-dashboard-card .traffic-client-top.a2-logo-dashboard-client {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end;
    justify-self: end;
    column-gap: 10px !important;
    min-width: 0;
    max-width: 100%;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: normal;
    text-align: left !important;
    vertical-align: middle;
  }
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .a2-logo-dashboard-client > span:last-child {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }
  body.a2-ux80-page-dashboard.a2-client-logos-v1906 .a2-logo-dashboard-client .a2-client-identity-logo {
    --a2-logo-size: 25px;
    flex-shrink: 0;
  }
}