/* [TITULOS-V1] cartão-título único em todas as telas (opção B, 22/10/2026)
   Cartão branco com filete índigo à esquerda · rótulo índigo 10,5px · título 22px/700 · frase 13px · ações à direita.
   Mapeia os 8 padrões antigos (dc-hero, shield-hero, agenda-hero, cv3-header, reat-header, page-header, admin-topbar, .lx-tit). */

/* cartão */
.dc-hero, .shield-hero, .agenda-hero, .cv3-header, .reat-header, .page-header, .admin-topbar, .lx-tit {
  position:relative !important; display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:12px 16px !important;
  min-height:76px !important; padding:16px 20px !important; margin:0 0 18px !important; box-sizing:border-box !important;
  background:var(--bg-card, #fff) !important; border:1px solid var(--border) !important; border-left:4px solid #4F46E5 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important; overflow:visible !important; color:var(--text) !important; }
html[data-tema="escuro"] .dc-hero, html[data-tema="escuro"] .shield-hero, html[data-tema="escuro"] .agenda-hero, html[data-tema="escuro"] .cv3-header,
html[data-tema="escuro"] .reat-header, html[data-tema="escuro"] .page-header, html[data-tema="escuro"] .admin-topbar, html[data-tema="escuro"] .lx-tit {
  border-left-color:#818CF8 !important; box-shadow:none !important; }
.dc-hero::before, .dc-hero::after, .shield-hero::before, .shield-hero::after, .agenda-hero::before, .agenda-hero::after,
.cv3-header::before, .cv3-header::after, .reat-header::before, .reat-header::after { display:none !important; }
.shield-hero-bg { display:none !important; }
.dc-hero-row, .shield-hero-content { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:12px 16px !important; width:100% !important; padding:0 !important; margin:0 !important; position:static !important; }
.dc-hero:not(:has(.dc-hero-row)) { flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; }
.dc-hero-left, .shield-hero-left, .agenda-hero-left { min-width:0; }

/* rótulo (eyebrow) — os que já existem e os novos via data-lx-k */
.dc-hero-eyebrow, .dc-hero-pre, .shield-hero-eyebrow, [data-lx-k]::before {
  display:block !important; font-size:10.5px !important; line-height:1.3 !important; letter-spacing:1.8px !important; font-weight:700 !important; text-transform:uppercase !important;
  color:#4F46E5 !important; -webkit-text-fill-color:currentColor !important; background:none !important; margin:0 0 3px !important; opacity:1 !important; font-family:inherit !important; }
[data-lx-k]::before { content:attr(data-lx-k); }
html[data-tema="escuro"] .dc-hero-eyebrow, html[data-tema="escuro"] .dc-hero-pre, html[data-tema="escuro"] .shield-hero-eyebrow, html[data-tema="escuro"] [data-lx-k]::before { color:#A5B4FC !important; }

/* título */
.dc-hero-title, .shield-hero-title, .agenda-hero h2, .page-header h2, .admin-topbar-title, .cv3-header h1, .reat-header h1, .lx-tit-t {
  font-size:22px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:-.3px !important; font-family:inherit !important;
  color:var(--text) !important; -webkit-text-fill-color:currentColor !important; background:none !important; text-shadow:none !important; margin:0 !important; padding:0 !important; }

/* frase */
.dc-hero-sub, .shield-hero-sub, .agenda-hero-sub, .admin-topbar-sub, .cv3-header h1 small, .reat-header h1 small, .lx-tit-t small {
  display:block !important; font-size:13px !important; font-weight:400 !important; line-height:1.45 !important; letter-spacing:0 !important;
  color:var(--text-mid) !important; -webkit-text-fill-color:currentColor !important; margin:3px 0 0 !important; opacity:1 !important; font-family:inherit !important; }

/* sem ícones/emojis no título nem no rótulo (o ícone do módulo já está no cabeçalho) */
.dc-hero-title > .icsf-e, .shield-hero-eyebrow > .icsf-e, .agenda-hero h2 > .icsf-e, .page-header h2 > .icsf-e, .admin-topbar-title > .icsf-e,
.cv3-header h1 > .icsf-e, .reat-header h1 > .icsf-e, .lx-tit-t > .icsf-e { display:none !important; }

/* ações à direita */
.cv3-header > .cv3-acoes, .reat-header > div, .agenda-hero-actions { margin-left:auto; }
.page-header > h2 + * { margin-left:auto; }

@media (max-width: 900px) {
  .dc-hero, .shield-hero, .agenda-hero, .cv3-header, .reat-header, .page-header, .admin-topbar, .lx-tit { padding:14px 14px 14px 16px !important; min-height:0 !important; }
  .dc-hero-title, .shield-hero-title, .agenda-hero h2, .page-header h2, .admin-topbar-title, .cv3-header h1, .reat-header h1, .lx-tit-t { font-size:19px !important; }
  .agenda-hero { flex-direction:column !important; align-items:stretch !important; }
}

/* título que é o próprio cartão (Leads, Resultado) */
.lx-tit.lx-tit-t { flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; padding:16px 20px !important; margin-top:8px !important; }
@media (max-width: 900px) { .lx-tit.lx-tit-t { padding:14px 14px 14px 16px !important; } }
/* o h1 do Painel Comercial é flex no CSS original: volta a bloco para rótulo, título e frase empilharem */
.cv3-header h1, .reat-header h1 { display:block !important; }