/* Portal CIOP — iOS 27 vidro fumê cinza sobre fundo claro.
   Só no portal-teste. Sem azul. Login / kiosk / PDF ficam de fora. */

html:not(.portal-home-2026):not(:has(#kiosk)) {
  --azul: #2c2c2e;
  --azul-hover: #3a3a3c;
  --fx-blue: #3a3a3c;
  --fx-accent: linear-gradient(135deg, #6e6e73 0%, #8e8e93 100%);
  --texto: #1c1c1e;
  --muted: #5c5c60;
  --lg-text: #1c1c1e;
  --lg-label: #3a3a3c;
  --lg-muted: #5c5c60;
  --lg-fill: linear-gradient(180deg, rgba(236, 236, 238, 0.52) 0%, rgba(210, 210, 214, 0.40) 100%);
  --lg-fill-strong: linear-gradient(180deg, rgba(244, 244, 246, 0.58) 0%, rgba(220, 220, 224, 0.46) 100%);
  --lg-fill-hover: linear-gradient(180deg, rgba(248, 248, 250, 0.62) 0%, rgba(226, 226, 230, 0.50) 100%);
  --lg-fill-data: linear-gradient(180deg, rgba(236, 236, 238, 0.50) 0%, rgba(210, 210, 214, 0.38) 100%);
  --lg-fill-header: linear-gradient(180deg, rgba(240, 240, 242, 0.56) 0%, rgba(216, 216, 220, 0.44) 100%);
  --lg-fill-data-head: rgba(228, 228, 232, 0.48);
  --ciop-light-grad: var(--lg-fill-data);
  --ciop-light-grad-y: var(--lg-fill-data);
  --ciop-light-grad-fx: var(--lg-fill-header);
  --lg-blur: blur(44px) saturate(150%);
  --lg-blur-soft: blur(36px) saturate(140%);
  --lg-blur-data: blur(40px) saturate(140%);
  --lg-border: rgba(60, 60, 67, 0.16);
  --lg-edge: 1px solid rgba(255, 255, 255, 0.42);
  --lg-shadow:
    0 16px 40px -24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(0, 0, 0, 0.04);
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-hud-overlay,
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-hud-scan {
  display: none !important;
  opacity: 0 !important;
}

.bg-wall,
.body-bg-wall {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-color: transparent !important;
  background-image: url("../img/portal-bg-onibus.jpg?v=20261022mov") !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}
html.dk-dark .bg-wall,
html.dk-dark .body-bg-wall {
  background-image: url("../img/portal-bg-onibus.jpg?v=20261022mov") !important;
  background-position: center 30% !important;
  filter: none !important;
}
.bg-wall::after,
.body-bg-wall::after,
.bg-wall-shade,
.body-bg-stain,
.bg-blobs,
.bg-blob-mid {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) {
  color: #1c1c1e;
  background-color: transparent;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .header, .header.header-v2, .ciop-command-inner, .notice-board, .notice-item,
  .card, .toolbar-whatsapp, .menu-toggle, .ciop-session, .portal-abas,
  .panel, .kpi-card, .stat-card, .chart-card, .table-card, .filters-panel,
  .topbar, .toolbar, .cv-panel, .lancamento-card, .result-box, .password-panel,
  .empty-page, .kpi, .hero-pro-panel, .table-wrap, .chart-box, .chart-panel,
  .filter-bar, .filters, footer.portal-site-footer
) {
  background: var(--lg-fill-data) !important;
  background-image: var(--lg-fill-data) !important;
  backdrop-filter: var(--lg-blur-soft) !important;
  -webkit-backdrop-filter: var(--lg-blur-soft) !important;
  border: var(--lg-edge) !important;
  box-shadow: var(--lg-shadow) !important;
  color: var(--lg-text) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .header, .header.header-v2
) {
  background: var(--lg-fill-header) !important;
  background-image: var(--lg-fill-header) !important;
  backdrop-filter: var(--lg-blur) !important;
  -webkit-backdrop-filter: var(--lg-blur) !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow:
    0 1px 0 rgba(60, 60, 67, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 12px 28px -20px rgba(0, 0, 0, 0.18) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) footer.portal-site-footer {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .card, .panel, .kpi-card, .stat-card, .chart-card, .table-card,
  .filters-panel, .topbar, .toolbar, .notice-board, .cv-panel,
  .lancamento-card, .result-box, .hero-pro-panel, .notice-item
) {
  border-radius: 22px !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .ciop-session,
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-abas {
  border-radius: 999px !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(.card, .kpi-card, .stat-card):hover {
  background: var(--lg-fill-hover) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  h1, h2, h3, h4,
  .page-title, .page-title-art, .header-title, .panel-title, .group-title,
  .card-title, .chart-title, .kpi-value, .stat-card .val, .kpi-card .val,
  .card-value, .ciop-session-user, .hero-pro-nome, .hero-pro-saudacao-label,
  .ciop-kpi-value, .ciop-kpi-num
):not(.ai-console *):not(.ai-console) {
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
  text-shadow: none !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .card-desc, .subtitle, .header-subtitle, .title-sub, .muted, .help-text,
  .kpi-label, .kpi-sub, .stat-card .lbl, .field label, .status-line,
  .notice-item-text, p, td, th, li, .card-note, .chart-note, .ciop-kpi-label
):not(.ai-console *):not(.ai-console) {
  color: #2c2c2e !important;
  -webkit-text-fill-color: #2c2c2e !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .kpi-value, .stat-card .val, .kpi-card .val, .card-value, .ciop-kpi-num
) {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #111113 !important;
  -webkit-text-fill-color: #111113 !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  input, select, textarea, .filter-select, .ciop-search-input
):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.ai-chat-input) {
  color: #1c1c1e !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(60, 60, 67, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 12px;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) table :is(th, td) {
  color: #1c1c1e !important;
  background: transparent !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) thead th {
  font-weight: 700;
  letter-spacing: 0.02em;
  background: rgba(60, 60, 67, 0.06) !important;
  color: #2c2c2e !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(.btn, .btn-primary, .btn.primary, .btn-portal) {
  border-radius: 12px !important;
  font-weight: 800;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(.btn, .badge, .pill, .tag, .card-btn, .portal-aba) {
  -webkit-text-fill-color: unset;
  text-shadow: none !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-abas {
  padding: 5px !important;
  background: rgba(236, 236, 238, 0.42) !important;
}
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-aba {
  border-radius: 999px;
  color: #3a3a3c;
}
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-aba[aria-selected="true"] {
  background: #2c2c2e !important;
  color: #fff !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .filters-panel .filters,
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .panel.filters-panel .filters {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .chart-card, .chart-box, .chart-panel, .chart-body, .table-card, .table-wrap,
  .grid .card, .toolbar, .cv-panel, .ciop-command-inner, .notice-board
) {
  background: var(--lg-fill-data) !important;
  background-image: var(--lg-fill-data) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .grid .card:hover {
  background: var(--lg-fill-hover) !important;
  background-image: var(--lg-fill-hover) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .ciop-command-inner::before {
  background: #8e8e93 !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .ciop-kpi:has(.ciop-kpi-num)::after {
  background: linear-gradient(90deg, #6e6e73 0%, #8e8e93 100%) !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2):not(.cad-page):not(.fb-page):not(.autuacoes-page) :is(
  .header, .header.header-v2, .ciop-command-inner, .notice-board, .card,
  .panel, .kpi-card, .stat-card, .chart-card, .table-card, .filters-panel,
  .topbar, .toolbar, .cv-panel, .hero-pro-panel, .ciop-kpi
) :is(h1, h2, h3, h4, h5, p, span, strong, small, label, div, a, li, td, th):not(.line-chip):not(.scenario-title):not(.scenario-desc):not(.btn-primary):not(.btn-portal):not(.btn-logout):not(.filter-clear) {
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .card-desc, .subtitle, .muted, .kpi-label, .ciop-kpi-label, .help-text
) {
  color: #2c2c2e !important;
  -webkit-text-fill-color: #2c2c2e !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
),
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .portal-aba:not([aria-selected="true"]) {
  color: #3a3a3c !important;
  -webkit-text-fill-color: #3a3a3c !important;
}

/* Ganha do liquid-glass / home (azul #6ea6d4 e clip de texto). */
html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .header, .header.header-v2, .sidebar, .portal-dock, .portal-abas, .portal-mod-nav,
  .ciop-command-inner, .notice-board, .notice-item, .card, .toolbar-whatsapp,
  .menu-toggle, .ciop-session, .panel, .kpi-card, .stat-card, .chart-card,
  .table-card, .filters-panel, .topbar, .toolbar, .cv-panel, .hero-pro-panel,
  .table-wrap, .chart-box, .chart-panel, .filter-bar, footer.portal-site-footer
) {
  background-color: rgba(232, 232, 236, 0.45) !important;
  background: var(--lg-fill-data) !important;
  background-image: var(--lg-fill-data) !important;
  animation: none !important;
  color: #1c1c1e !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .header, .header.header-v2
) {
  background: var(--lg-fill-header) !important;
  background-image: var(--lg-fill-header) !important;
  animation: none !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(#portalAbas):not(.login-v2) .hero-pro-panel {
  background:
    linear-gradient(90deg, #8e8e93 0 5px, transparent 5px),
    var(--lg-fill-strong) !important;
  background-image:
    linear-gradient(90deg, #8e8e93 0 5px, transparent 5px),
    var(--lg-fill-strong) !important;
  box-shadow:
    inset 5px 0 0 0 #8e8e93,
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 14px 32px -18px rgba(0, 0, 0, 0.18) !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(#portalAbas):not(.login-v2) :is(
  .hero-pro-nome, .hero-pro-saudacao-label, .header-hero-mes, .hero-pro-welcome
) {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
  text-shadow: none !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2):not(.cad-page):not(.fb-page):not(.autuacoes-page) :is(
  .header, .sidebar, .card, .hero-pro-panel, .ciop-command-inner, .notice-board,
  .panel, .kpi-card, .stat-card, .chart-card, .table-card, .ciop-kpi
) :is(h1, h2, h3, h4, h5, p, span, strong, small, label, li, td, th, b):not(.line-chip):not(.scenario-title):not(.scenario-desc) {
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
  opacity: 1;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .hero-pro-nome, .card-title, .header-title, .page-title, .ciop-kpi-num, .kpi-value
) {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
  text-shadow: none !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(#portalAbas):not(.login-v2) .grid .card-title,
html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(#portalAbas):not(.login-v2) .grid .card-title * {
  color: #1c1c1e !important;
  -webkit-text-fill-color: #1c1c1e !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .card-desc, .subtitle, .muted, .kpi-label, .ciop-kpi-label, .help-text
) {
  color: #2c2c2e !important;
  -webkit-text-fill-color: #2c2c2e !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) .grid .card:hover {
  background-image: var(--lg-fill-hover) !important;
  background-color: rgba(244, 244, 246, 0.55) !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
),
html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html.dk-light:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body.portal-dock-on .portal-aba[aria-selected="true"] {
  background: #2c2c2e !important;
  color: #fff !important;
}

html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) {
  color: #111111;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2):not(.cad-page):not(.fb-page):not(.autuacoes-page) :is(
  h1, h2, h3, h4, h5, h6, p, li, td, th, label, small,
  dt, dd, legend, figcaption, .card-title, .card-desc, .muted, .small,
  .help-text, .kpi-label, .kpi-sub, .ciop-kpi-label, .ciop-kpi-value, .subtitle,
  .page-title, .header-title, .panel-title, .notice-item-text, .skip, .cv-item,
  .field label, .status-line, .chart-title, .group-title, .card-note, .chart-note
):not(.firm-pct):not(.firm-week-pct):not(.firm-label):not(.firm-delta):not(.btn-primary):not(.btn-portal):not(.btn-logout):not(.btn-senha-portal):not(.card-btn):not(.line-chip):not(.scenario-title):not(.scenario-desc) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  -webkit-font-smoothing: antialiased;
}

html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2):not(.cad-page):not(.fb-page):not(.autuacoes-page) :is(
  .card-desc, .muted, .small, .help-text, .kpi-label, .kpi-sub, .ciop-kpi-label,
  .subtitle, .header-subtitle, .title-sub, .skip, em, dt, .cv-item em, .cv-dl dt,
  .field label, .metric span
):not(.scenario-desc):not(.line-chip) {
  color: #2c2c2e !important;
  -webkit-text-fill-color: #2c2c2e !important;
  font-weight: 600;
}

html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .hero-pro-nome, .ai-console-title, .card-title, .page-title, .header-title
) {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  filter: none !important;
}

html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
),
html:not(.dk-dark):not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .btn-primary, .btn-portal, .btn-logout, .btn-senha-portal, .card-btn,
  .portal-aba[aria-selected="true"]
) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
}

.paper,
.paper *,
.leaflet-container,
.leaflet-container *,
body.login-v2,
body.login-v2 * {
  text-shadow: none !important;
}
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header) .paper,
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header) .paper * {
  background: unset !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: unset !important;
  color: unset !important;
  -webkit-text-fill-color: unset !important;
  text-shadow: none !important;
}
html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header) :is(.leaflet-container, .map-shell, #map) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(.card, .kpi-card, .stat-card) {
    transition: none;
  }
}

html.dk-dark:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) {
  color: #f4f7fb;
  background-color: #071018;
}
html.dk-dark:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .header, .header.header-v2, .ciop-command-inner, .notice-board, .notice-item,
  .card, .toolbar-whatsapp, .menu-toggle, .ciop-session, .portal-abas,
  .panel, .kpi-card, .stat-card, .chart-card, .table-card, .filters-panel,
  .topbar, .toolbar, .cv-panel, .hero-pro-panel, .table-wrap, .chart-box,
  .sidebar, footer.portal-site-footer
) {
  background: linear-gradient(180deg, rgba(18, 32, 54, 0.72) 0%, rgba(8, 16, 28, 0.58) 100%) !important;
  background-image: linear-gradient(180deg, rgba(18, 32, 54, 0.72) 0%, rgba(8, 16, 28, 0.58) 100%) !important;
  color: #f4f7fb !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  animation: none !important;
}
html.dk-dark:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2):not(.cad-page):not(.fb-page):not(.autuacoes-page) :is(
  h1, h2, h3, h4, h5, p, li, td, th, label, small, .card-title,
  .page-title, .header-title, .ciop-session-user, .hero-pro-nome, .ciop-kpi-num
):not(.btn-primary):not(.btn-portal):not(.btn-logout):not(.card-btn):not(.firm-pct):not(.firm-week-pct):not(.ai-console *):not(.ai-console):not(.line-chip):not(.scenario-title):not(.scenario-desc) {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  text-shadow: none !important;
}
html.dk-dark:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  .card-desc, .muted, .help-text, .kpi-label, .ciop-kpi-label, .subtitle, .small
) {
  color: #c5d0de !important;
  -webkit-text-fill-color: #c5d0de !important;
}
html.dk-dark:not(.portal-home-2026):not(:has(#kiosk)) body:has(.header):not(.login-v2) :is(
  input, select, textarea, .ciop-search-input
):not([type="checkbox"]):not([type="radio"]):not(.ai-chat-input) {
  color: #f4f7fb !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}