/* Oficina Portátil V75.49.3 — ícones de aplicativos seguem o contraste do tema.
   Não altera vidro, layout nem cores de marca do SAP. */

@media (max-width: 820px) {
  /* O menu de vidro precisa ter uma única fonte de cor para texto + SVG. */
  html:not([data-theme="dark"]) .sidebar,
  html:not([data-theme="dark"]) .sidebar .navigation button,
  html:not([data-theme="dark"]) .sidebar .navigation button span,
  html:not([data-theme="dark"]) .sidebar .op-sidebar-workspace-label {
    --op-mobile-app-icon-color: #111216;
  }

  html[data-theme="dark"] .sidebar,
  html[data-theme="dark"] .sidebar .navigation button,
  html[data-theme="dark"] .sidebar .navigation button span,
  html[data-theme="dark"] .sidebar .op-sidebar-workspace-label {
    --op-mobile-app-icon-color: #f5f7f7;
  }

  .sidebar .navigation button > svg,
  .sidebar .navigation button > span > svg,
  .sidebar .navigation button [data-op-native] svg,
  .sidebar .navigation button .op-dashboard-hotfix-icon,
  .sidebar .navigation button .op-dashboard-hotfix-icon svg {
    color: var(--op-mobile-app-icon-color) !important;
    opacity: 1 !important;
  }

  /* Alguns SVGs antigos não usam currentColor e carregam branco fixo. */
  .sidebar .navigation button svg [stroke]:not([stroke="none"]):not([stroke="transparent"]) {
    stroke: currentColor !important;
  }
  .sidebar .navigation button svg [fill]:not([fill="none"]):not([fill="transparent"]):not([fill^="url("]) {
    fill: currentColor !important;
  }

  /* Ícones raster monocromáticos antigos. SAP mantém a cor oficial. */
  html:not([data-theme="dark"]) .sidebar .navigation button img:not([src*="sap-logo"]):not([src*="SAP"]),
  html:not([data-theme="dark"]) .sidebar .navigation button picture img:not([src*="sap-logo"]):not([src*="SAP"]) {
    filter: brightness(0) saturate(100%) !important;
    opacity: .96 !important;
  }

  html[data-theme="dark"] .sidebar .navigation button img:not([src*="sap-logo"]):not([src*="SAP"]),
  html[data-theme="dark"] .sidebar .navigation button picture img:not([src*="sap-logo"]):not([src*="SAP"]) {
    filter: brightness(0) saturate(100%) invert(1) !important;
    opacity: .96 !important;
  }

  /* O logo SAP é de marca e deve permanecer sem filtro. */
  .sidebar .navigation button img[src*="sap-logo"],
  .sidebar .navigation button img[src*="SAP"] {
    filter: none !important;
    opacity: 1 !important;
  }

  /* Estado ativo continua legível sem trocar de cor durante animações/scroll. */
  .sidebar .navigation button.active > svg,
  .sidebar .navigation button.active > span > svg,
  .sidebar .navigation button[aria-current="page"] > svg,
  .sidebar .navigation button[aria-current="page"] > span > svg {
    color: var(--op-mobile-app-icon-color) !important;
  }
}