/**
 * UEPB2026 - Componentes e padrão visual do tema
 *
 * - Botão pílula (.uepb-btn-pill) — mesmo visual dos badges de categoria
 * - Tipografia de conteúdo: links, listas, tabelas e citações
 * - Submenu do menu principal (offcanvas)
 * - Widgets do Elementor seguindo o tema (ícones, divisores, botões, abas, acordeões)
 * - Widgets do tema: Título com Ícone (linha), Card de Servidor, Cabeçalho de Setor, Gráfico
 *
 * Cores: usa --color-primary / --color-secondary / --color-link definidos nas Opções do Tema.
 */

:root {
  --uepb-radius: 12px;
  --uepb-radius-sm: 8px;
  --uepb-border: #e2e8f0;
  --uepb-muted: #64748b;
  --uepb-surface: #f8fafc;
  --uepb-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 14px rgba(15, 23, 42, .06);
  --uepb-shadow-hover: 0 6px 24px rgba(15, 23, 42, .12);
}

/* ==========================================================================
   1. Botão pílula
   ========================================================================== */
.uepb-btn-pill,
a.uepb-btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  background-color: var(--color-primary);
  color: #fff !important;
  border: 2px solid var(--color-primary);
  border-radius: 50px;
  padding: .45rem 1.15rem;
  font-family: var(--font-body);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.uepb-btn-pill:hover,
.uepb-btn-pill:focus-visible {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

.uepb-btn-pill:focus-visible {
  outline: 3px solid rgba(0, 0, 0, .25);
  outline-offset: 2px;
}

.uepb-btn-pill--sm { font-size: .72rem; padding: .3rem .85rem; }
.uepb-btn-pill--lg { font-size: .9rem; padding: .65rem 1.6rem; }
.uepb-btn-pill--block { display: flex; width: 100%; }

.uepb-btn-pill--outline {
  background-color: transparent;
  color: var(--color-primary) !important;
}
.uepb-btn-pill--outline:hover,
.uepb-btn-pill--outline:focus-visible {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff !important;
}

.uepb-btn-pill--light {
  background-color: var(--uepb-surface);
  border-color: var(--uepb-border);
  color: var(--color-text) !important;
}
.uepb-btn-pill--light:hover,
.uepb-btn-pill--light:focus-visible {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff !important;
}

.uepb-btn-pill i,
.uepb-btn-pill svg { font-size: 1em; width: 1em; height: 1em; fill: currentColor; }

.uepb-pill-button-wrapper { display: flex; }
.uepb-pill-button-wrapper.is-left { justify-content: flex-start; }
.uepb-pill-button-wrapper.is-center { justify-content: center; }
.uepb-pill-button-wrapper.is-right { justify-content: flex-end; }

body.high-contrast .uepb-btn-pill {
  background-color: #000 !important;
  border-color: #ff0 !important;
  color: #ff0 !important;
}

/* ==========================================================================
   2. Tipografia de conteúdo (páginas, posts, Editor de Texto do Elementor e WPBakery)
   ========================================================================== */
.uepb-content,
.elementor-widget-text-editor,
.wpb_text_column {
  line-height: 1.7;
}

.uepb-content a:not(.btn):not(.uepb-btn-pill):not(.elementor-button):not(.wp-block-button__link):not([class*="modern-"]),
.elementor-widget-text-editor a:not(.btn):not(.uepb-btn-pill),
.wpb_text_column a:not(.btn):not(.uepb-btn-pill),
.e-n-accordion-item .elementor-widget-text-editor a,
.elementor-tab-content a {
  color: var(--color-link);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: rgba(204, 0, 0, .35);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.uepb-content a:not(.btn):not(.uepb-btn-pill):not(.elementor-button):hover,
.elementor-widget-text-editor a:not(.btn):not(.uepb-btn-pill):hover,
.wpb_text_column a:not(.btn):not(.uepb-btn-pill):hover,
.elementor-tab-content a:hover {
  color: var(--color-secondary);
  text-decoration-color: currentColor;
}

/* Listas não ordenadas: marcador em seta na cor principal */
.uepb-content ul:not([class]),
.elementor-widget-text-editor ul:not([class]),
.wpb_text_column ul:not([class]),
.elementor-tab-content ul:not([class]),
.e-n-tabs-content ul:not([class]) {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.25rem;
}

.uepb-content ul:not([class]) > li,
.elementor-widget-text-editor ul:not([class]) > li,
.wpb_text_column ul:not([class]) > li,
.elementor-tab-content ul:not([class]) > li,
.e-n-tabs-content ul:not([class]) > li {
  position: relative;
  padding: .35rem 0 .35rem 1.6rem;
  border-bottom: 1px dashed var(--uepb-border);
}

.uepb-content ul:not([class]) > li:last-child,
.elementor-widget-text-editor ul:not([class]) > li:last-child,
.wpb_text_column ul:not([class]) > li:last-child,
.elementor-tab-content ul:not([class]) > li:last-child,
.e-n-tabs-content ul:not([class]) > li:last-child {
  border-bottom: 0;
}

.uepb-content ul:not([class]) > li::before,
.elementor-widget-text-editor ul:not([class]) > li::before,
.wpb_text_column ul:not([class]) > li::before,
.elementor-tab-content ul:not([class]) > li::before,
.e-n-tabs-content ul:not([class]) > li::before {
  content: "";
  position: absolute;
  left: .35rem;
  top: calc(.35rem + .62em);
  width: .45rem;
  height: .45rem;
  border-top: 2px solid var(--color-primary);
  border-right: 2px solid var(--color-primary);
  transform: rotate(45deg);
}

/* Sublistas */
.uepb-content ul:not([class]) ul,
.elementor-widget-text-editor ul:not([class]) ul,
.wpb_text_column ul:not([class]) ul {
  margin: .35rem 0 0;
}
.uepb-content ul:not([class]) ul > li::before,
.elementor-widget-text-editor ul:not([class]) ul > li::before,
.wpb_text_column ul:not([class]) ul > li::before {
  border: 0;
  transform: none;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: var(--uepb-muted);
}

/* Listas ordenadas: número em círculo */
.uepb-content ol:not([class]),
.elementor-widget-text-editor ol:not([class]),
.wpb_text_column ol:not([class]),
.elementor-tab-content ol:not([class]) {
  list-style: none;
  counter-reset: uepb-ol;
  padding-left: 0;
  margin: 0 0 1.25rem;
}
.uepb-content ol:not([class]) > li,
.elementor-widget-text-editor ol:not([class]) > li,
.wpb_text_column ol:not([class]) > li,
.elementor-tab-content ol:not([class]) > li {
  counter-increment: uepb-ol;
  position: relative;
  padding: .3rem 0 .3rem 2.3rem;
  min-height: 1.8rem;
}
.uepb-content ol:not([class]) > li::before,
.elementor-widget-text-editor ol:not([class]) > li::before,
.wpb_text_column ol:not([class]) > li::before,
.elementor-tab-content ol:not([class]) > li::before {
  content: counter(uepb-ol);
  position: absolute;
  left: 0;
  top: .3rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Tabelas e citações */
.uepb-content table:not([class]),
.elementor-widget-text-editor table:not([class]),
.wpb_text_column table:not([class]) {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.25rem;
  font-size: .95rem;
}
.uepb-content table:not([class]) th,
.uepb-content table:not([class]) td,
.elementor-widget-text-editor table:not([class]) th,
.elementor-widget-text-editor table:not([class]) td,
.wpb_text_column table:not([class]) th,
.wpb_text_column table:not([class]) td {
  border: 1px solid var(--uepb-border);
  padding: .55rem .75rem;
  vertical-align: top;
}
.uepb-content table:not([class]) th,
.elementor-widget-text-editor table:not([class]) th,
.wpb_text_column table:not([class]) th {
  background: var(--uepb-surface);
  font-weight: 700;
}
.uepb-content blockquote,
.elementor-widget-text-editor blockquote,
.wpb_text_column blockquote {
  border-left: 4px solid var(--color-primary);
  background: var(--uepb-surface);
  border-radius: 0 var(--uepb-radius-sm) var(--uepb-radius-sm) 0;
  padding: 1rem 1.25rem;
  margin: 0 0 1.25rem;
  color: #334155;
}

body.high-contrast .uepb-content ul:not([class]) > li::before,
body.high-contrast .elementor-widget-text-editor ul:not([class]) > li::before { border-color: #ff0; }
body.high-contrast .uepb-content ol:not([class]) > li::before,
body.high-contrast .elementor-widget-text-editor ol:not([class]) > li::before { background: #ff0; color: #000; }

/* ==========================================================================
   3. Submenu do menu principal (offcanvas)
   ========================================================================== */
.uepb-offcanvas-nav .submenu-collapse {
  background: var(--uepb-surface);
  border: 1px solid var(--uepb-border);
  border-left: 0;
  border-radius: var(--uepb-radius);
  margin: .15rem 0 .85rem;
  padding: .4rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
}
.uepb-offcanvas-nav .submenu-collapse.ps-3 { padding-left: .4rem !important; }

.uepb-offcanvas-nav .submenu-collapse > li > .nav-link {
  position: relative;
  border: 0;
  border-radius: var(--uepb-radius-sm);
  padding: .6rem .75rem .6rem 2.1rem;
  font-size: .95rem;
  font-weight: 500;
  color: #334155;
  transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
}

.uepb-offcanvas-nav .submenu-collapse > li > .nav-link::before {
  content: "";
  position: absolute;
  left: .9rem;
  top: 50%;
  width: .4rem;
  height: .4rem;
  border-top: 2px solid #94a3b8;
  border-right: 2px solid #94a3b8;
  transform: translateY(-50%) rotate(45deg);
  transition: border-color .2s ease, left .2s ease;
}

.uepb-offcanvas-nav .submenu-collapse > li > .nav-link:hover,
.uepb-offcanvas-nav .submenu-collapse > li > .nav-link:focus-visible {
  background: #fff;
  color: var(--color-primary);
  padding-left: 2.35rem;
  box-shadow: var(--uepb-shadow);
}
.uepb-offcanvas-nav .submenu-collapse > li > .nav-link:hover::before,
.uepb-offcanvas-nav .submenu-collapse > li > .nav-link:focus-visible::before {
  border-color: var(--color-primary);
  left: 1.05rem;
}

.uepb-offcanvas-nav .submenu-collapse > li.current-menu-item > .nav-link,
.uepb-offcanvas-nav .submenu-collapse > li.current_page_item > .nav-link {
  background: #fff;
  color: var(--color-primary) !important;
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--color-primary), var(--uepb-shadow);
}
.uepb-offcanvas-nav .submenu-collapse > li.current-menu-item > .nav-link::before,
.uepb-offcanvas-nav .submenu-collapse > li.current_page_item > .nav-link::before {
  border-color: var(--color-primary);
}

/* Terceiro nível */
.uepb-offcanvas-nav .submenu-collapse .submenu-collapse {
  background: #fff;
  margin: .25rem 0 .25rem .75rem;
}

/* Item pai aberto */
.uepb-offcanvas-nav .has-submenu > .nav-link[aria-expanded="true"] {
  color: var(--color-primary);
  border-bottom-color: transparent;
}
.uepb-offcanvas-nav .has-submenu > .nav-link .submenu-icon {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem !important;
  margin-right: 0 !important;
  background: var(--uepb-surface);
  transition: transform .3s ease, background-color .2s ease, color .2s ease;
}
.uepb-offcanvas-nav .has-submenu > .nav-link[aria-expanded="true"] .submenu-icon {
  background: var(--color-primary);
  color: #fff !important;
}

body.high-contrast .uepb-offcanvas-nav .submenu-collapse { background: #000; border-color: #ff0; }
body.high-contrast .uepb-offcanvas-nav .submenu-collapse > li > .nav-link { color: #ff0; }
body.high-contrast .uepb-offcanvas-nav .submenu-collapse > li > .nav-link:hover { background: #222; }

/* ==========================================================================
   4. Elementor seguindo o tema (cores/fontes padrão do Elementor desativadas)
   ========================================================================== */
.elementor-widget-heading .elementor-heading-title { font-family: var(--font-heading); }

.elementor-widget-icon.elementor-view-default .elementor-icon { color: var(--color-primary); }
.elementor-widget-icon.elementor-view-default .elementor-icon svg { fill: var(--color-primary); }
.elementor-widget-icon.elementor-view-stacked .elementor-icon { background-color: var(--color-primary); color: #fff; }
.elementor-widget-icon.elementor-view-stacked .elementor-icon svg { fill: #fff; }
.elementor-widget-icon.elementor-view-framed .elementor-icon { border-color: var(--color-primary); color: var(--color-primary); }
.elementor-widget-icon.elementor-view-framed .elementor-icon svg { fill: var(--color-primary); }

.elementor-widget-divider { --divider-color: var(--uepb-border); }
.elementor-widget-divider .elementor-divider__text {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--color-text);
}

.elementor-widget-button .elementor-button {
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .8rem;
  padding: .6rem 1.3rem;
}
.elementor-widget-button .elementor-button:hover { background-color: var(--color-secondary); color: #fff; }

.elementor-widget-image img { border-radius: var(--uepb-radius-sm); }

/* Abas aninhadas (nested-tabs) */
.e-n-tabs {
  --n-tabs-title-font-family: var(--font-heading);
  --n-tabs-title-font-weight: 600;
  --n-tabs-title-font-size: .95rem;
  --n-tabs-title-color: #334155;
  --n-tabs-title-color-hover: var(--color-primary);
  --n-tabs-title-color-active: #fff;
  --n-tabs-title-background-color: var(--uepb-surface);
  --n-tabs-title-background-color-hover: #fff;
  --n-tabs-title-background-color-active: var(--color-primary);
  --n-tabs-title-border-radius: var(--uepb-radius-sm);
  --n-tabs-title-padding-top: .75rem;
  --n-tabs-title-padding-bottom: .75rem;
  --n-tabs-title-padding-left: 1.1rem;
  --n-tabs-title-padding-right: 1.1rem;
  --n-tabs-title-gap: .5rem;
  --n-tabs-gap: 1.25rem;
}
.e-n-tabs .e-n-tab-title {
  border: 1px solid var(--uepb-border) !important;
  background-color: var(--n-tabs-title-background-color) !important;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.e-n-tabs .e-n-tab-title[aria-selected="true"] {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
  box-shadow: var(--uepb-shadow);
}
.e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #fff !important; }
.e-n-tabs .e-n-tab-title[aria-selected="false"]:hover { background-color: #fff !important; color: var(--color-primary) !important; }
.e-n-tabs-content > .e-con {
  border: 1px solid var(--uepb-border);
  border-radius: var(--uepb-radius);
  padding: 1.25rem !important;
  background: #fff;
}

/* Acordeão aninhado (nested-accordion) */
.e-n-accordion .e-n-accordion-item {
  border: 1px solid var(--uepb-border);
  border-radius: var(--uepb-radius-sm);
  margin-bottom: .6rem;
  overflow: hidden;
  background: #fff;
}
.e-n-accordion .e-n-accordion-item-title {
  background: var(--uepb-surface);
  padding: .85rem 1.1rem !important;
  border: 0 !important;
  font-family: var(--font-heading);
  font-weight: 600;
  color: #334155;
  transition: background-color .2s ease, color .2s ease;
}
.e-n-accordion .e-n-accordion-item-title:hover { color: var(--color-primary); }
.e-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
  background: #fff;
  color: var(--color-primary);
  box-shadow: inset 3px 0 0 var(--color-primary);
}
.e-n-accordion .e-n-accordion-item-title-icon svg { fill: var(--color-primary); }
.e-n-accordion .e-n-accordion-item > .e-con { padding: 1rem 1.1rem !important; border-top: 1px solid var(--uepb-border); }

/* Abas / Acordeão / Alternar clássicos */
.elementor-widget-tabs .elementor-tab-title {
  font-family: var(--font-heading);
  font-weight: 600;
  color: #334155;
}
.elementor-widget-tabs .elementor-tab-title.elementor-active,
.elementor-widget-tabs .elementor-tab-title.elementor-active a { color: var(--color-primary); }
.elementor-widget-tabs .elementor-tab-content { line-height: 1.7; }

.elementor-widget-accordion .elementor-accordion-item,
.elementor-widget-toggle .elementor-toggle-item {
  border: 1px solid var(--uepb-border) !important;
  border-radius: var(--uepb-radius-sm);
  margin-bottom: .6rem;
  overflow: hidden;
}
.elementor-widget-accordion .elementor-tab-title,
.elementor-widget-toggle .elementor-tab-title {
  background: var(--uepb-surface);
  padding: .85rem 1.1rem !important;
  border: 0 !important;
  font-family: var(--font-heading);
  font-weight: 600;
}
.elementor-widget-accordion .elementor-tab-title a,
.elementor-widget-toggle .elementor-tab-title a,
.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-widget-toggle .elementor-tab-title .elementor-toggle-icon { color: #334155; text-decoration: none; }
.elementor-widget-accordion .elementor-tab-title.elementor-active,
.elementor-widget-toggle .elementor-tab-title.elementor-active {
  background: #fff;
  box-shadow: inset 3px 0 0 var(--color-primary);
}
.elementor-widget-accordion .elementor-tab-title.elementor-active a,
.elementor-widget-toggle .elementor-tab-title.elementor-active a,
.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon,
.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon { color: var(--color-primary); }
.elementor-widget-accordion .elementor-tab-title svg,
.elementor-widget-toggle .elementor-tab-title svg { fill: currentColor; }
.elementor-widget-accordion .elementor-tab-content,
.elementor-widget-toggle .elementor-tab-content {
  border-top: 1px solid var(--uepb-border) !important;
  padding: 1rem 1.1rem !important;
}

/* ==========================================================================
   5. Widgets do tema
   ========================================================================== */

/* Título com Ícone: linha separadora */
.uepb-title-icon-wrapper .uepb-title-line {
  border-top-color: var(--uepb-border);
  border-top-width: 1px;
  align-self: center;
}
.uepb-title-icon-wrapper .uepb-icon { line-height: 1; }

/* Cabeçalho de Setor */
.uepb-sector-header {
  --uepb-sector-color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-height: 4.25rem;
  padding: .9rem 1.1rem;
  border-radius: var(--uepb-radius);
  background: var(--uepb-sector-color);
  color: #fff;
  text-align: center;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .4px;
  text-transform: uppercase;
  box-shadow: var(--uepb-shadow);
  margin: 0 0 1rem;
}
.uepb-sector-header i,
.uepb-sector-header svg { font-size: 1.1rem; width: 1.1rem; height: 1.1rem; fill: currentColor; opacity: .9; }
.uepb-sector-header--light {
  background: #fff;
  color: var(--color-text);
  border: 1px solid var(--uepb-border);
  border-top: 4px solid var(--uepb-sector-color);
}
.uepb-sector-header--light i,
.uepb-sector-header--light svg { color: var(--uepb-sector-color); fill: var(--uepb-sector-color); }

/* Card de Servidor */
.uepb-team-card {
  --uepb-accent: var(--color-primary);
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--uepb-border);
  border-left: 4px solid var(--uepb-accent);
  border-radius: var(--uepb-radius);
  padding: 1rem;
  margin: 0 0 1rem;
  box-shadow: var(--uepb-shadow);
  transition: box-shadow .25s ease, transform .25s ease;
  min-width: 0;
}
.uepb-team-card:hover { box-shadow: var(--uepb-shadow-hover); transform: translateY(-2px); }
.uepb-team-card__photo {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--uepb-surface);
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--uepb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 1.6rem;
}
.uepb-team-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.uepb-team-card__body { min-width: 0; flex: 1 1 auto; }
.uepb-team-card__name {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
  margin: 0 0 .25rem;
}
.uepb-team-card__role {
  display: inline-block;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--uepb-accent);
  background: color-mix(in srgb, var(--uepb-accent) 10%, #fff);
  border-radius: 50px;
  padding: .2rem .65rem;
  margin: 0 0 .45rem;
}
.uepb-team-card__details {
  font-size: .85rem;
  color: var(--uepb-muted);
  line-height: 1.5;
}
.uepb-team-card__details p { margin: 0; }
.uepb-team-card__meta {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  font-size: .85rem;
  color: var(--uepb-muted);
  margin-top: .2rem;
  word-break: break-word;
}
.uepb-team-card__meta i { color: var(--uepb-accent); margin-top: .2rem; font-size: .8rem; width: 1rem; text-align: center; flex-shrink: 0; }
.uepb-team-card__meta a { color: var(--color-link); text-decoration: none; }
.uepb-team-card__meta a:hover { text-decoration: underline; }

.uepb-team-card--vertical {
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-left: 1px solid var(--uepb-border);
  border-top: 4px solid var(--uepb-accent);
  padding: 1.5rem 1.25rem;
}
.uepb-team-card--vertical .uepb-team-card__photo { width: 104px; height: 104px; font-size: 2.5rem; }
.uepb-team-card--vertical .uepb-team-card__meta { justify-content: center; }

body.high-contrast .uepb-team-card,
body.high-contrast .uepb-sector-header { background: #000 !important; color: #ff0 !important; border-color: #ff0 !important; }

/* Gráfico */
.uepb-chart { font-family: var(--font-body); }
.uepb-chart__legend li { font-size: .92rem; color: var(--color-text); }
.uepb-chart .progress { border-radius: 50px; background: var(--uepb-surface); }
.uepb-chart .progress-bar { border-radius: 50px; }

/* Aviso de migração pendente */
.uepb-migracao-pendente { border-radius: var(--uepb-radius-sm); font-size: .9rem; }