/* Oficina Portátil — Hotfix V71: contraste para cores extremas (preto/branco) */
:root{
  --accent-border-strong: rgba(0,0,0,.14);
  --accent-border-soft: rgba(0,0,0,.08);
  --accent-surface-ghost: color-mix(in srgb, var(--accent) 10%, var(--panel-solid));
  --accent-field-bg: color-mix(in srgb, var(--accent) 8%, var(--panel-solid));
}

/* Estados ativos: sempre usam contraste calculado */
.primary,
.topbar .op-appearance-trigger[data-op-open="true"],
.topbar .notification-center:has(.notification-popover) > .notification,
.op-desktop-top-nav-item.active,
.sap-subnav-v40 button.active,
.sap-subnav-v40 a.active,
.apv-history-v33-pages button.active,
.fleet-choice button.active,
.withdrawal-basics label > div button,
.op-ref-tabs button.active,
#op-ref-new,
.op-ref-new,
.rb-feedback-action,
.op-ref-modal footer .primary,
.text-button.active {
  color: var(--on-accent, #fff) !important;
  border-color: var(--accent-border-strong) !important;
}

.primary svg,
.topbar .op-appearance-trigger[data-op-open="true"] svg,
.topbar .notification-center:has(.notification-popover) > .notification svg,
.op-desktop-top-nav-item.active svg,
.sap-subnav-v40 button.active svg,
.sap-subnav-v40 a.active svg,
.fleet-choice button.active svg,
.withdrawal-basics label > div button svg,
.text-button.active svg {
  color: currentColor !important;
  fill: currentColor;
  stroke: currentColor;
}

/* Inputs e campos destacados ganham contorno visível em preto/branco */
html[data-accent-enabled="true"][data-accent-tone="white"] :is(
  .withdrawal-basics input,
  .withdrawal-row input,
  .access-table-modern input,
  .access-table-modern select,
  .content-editor textarea,
  .op-ref-toolbar input,
  .op-ref-modal input,
  .op-ref-modal select,
  .op-ref-modal textarea,
  .op-accent-picker,
  .command-button,
  .icon-button,
  .secondary,
  .surface,
  .rb-feedback-modal,
  .signature-modern,
  .withdrawal-modern,
  .op-appearance-popover,
  .notification-popover,
  .sap-global-overlay .sap-global-modal
),
html[data-accent-enabled="true"][data-accent-tone="black"] :is(
  .withdrawal-basics input,
  .withdrawal-row input,
  .access-table-modern input,
  .access-table-modern select,
  .content-editor textarea,
  .op-ref-toolbar input,
  .op-ref-modal input,
  .op-ref-modal select,
  .op-ref-modal textarea,
  .op-accent-picker,
  .command-button,
  .icon-button,
  .secondary,
  .surface,
  .rb-feedback-modal,
  .signature-modern,
  .withdrawal-modern,
  .op-appearance-popover,
  .notification-popover,
  .sap-global-overlay .sap-global-modal
) {
  border-color: var(--accent-border-soft) !important;
}

html[data-accent-enabled="true"][data-accent-tone="white"] :is(
  .primary,
  .topbar .op-appearance-trigger[data-op-open="true"],
  .topbar .notification-center:has(.notification-popover) > .notification,
  .op-desktop-top-nav-item.active,
  .sap-subnav-v40 button.active,
  .sap-subnav-v40 a.active,
  .fleet-choice button.active,
  .withdrawal-basics label > div button,
  .op-ref-tabs button.active,
  #op-ref-new,
  .op-ref-new,
  .rb-feedback-action,
  .op-ref-modal footer .primary,
  .text-button.active
) {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 10px 24px rgba(0,0,0,.07) !important;
}

html[data-accent-enabled="true"][data-accent-tone="white"] .op-accent-switch[aria-pressed="true"] {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-accent-switch[aria-pressed="true"]::before {
  background: #111 !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.18) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-theme-choice button[aria-pressed="true"] {
  background: rgba(255,255,255,.98) !important;
  color: #111 !important;
  border-color: rgba(0,0,0,.14) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .withdrawal-basics label > div button svg,
html[data-accent-enabled="true"][data-accent-tone="white"] .sap-subnav-v40 :is(button.active,a.active) svg,
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active svg {
  opacity: 1 !important;
}

html[data-accent-enabled="true"][data-accent-tone="black"] :is(
  .primary,
  .topbar .op-appearance-trigger[data-op-open="true"],
  .topbar .notification-center:has(.notification-popover) > .notification,
  .op-desktop-top-nav-item.active,
  .sap-subnav-v40 button.active,
  .sap-subnav-v40 a.active,
  .fleet-choice button.active,
  .withdrawal-basics label > div button,
  .op-ref-tabs button.active,
  #op-ref-new,
  .op-ref-new,
  .rb-feedback-action,
  .op-ref-modal footer .primary,
  .text-button.active
) {
  background: #000000 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.28) !important;
}
html[data-accent-enabled="true"][data-accent-tone="black"] .op-accent-switch[aria-pressed="true"] {
  background: #000000 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* Campos do popup Aparência legíveis em extremos */
html[data-accent-enabled="true"][data-accent-tone="white"] .op-accent-picker,
html[data-accent-enabled="true"][data-accent-tone="black"] .op-accent-picker {
  background: var(--accent-field-bg) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-accent-picker output {
  color: #111 !important;
}
html[data-accent-enabled="true"][data-accent-tone="black"] .op-accent-picker output {
  color: #fff !important;
}

/* Popups seguem o tema do preto absoluto sem perder texto */
html[data-accent-enabled="true"][data-accent-tone="black"] :is(.op-appearance-popover, .notification-popover, .sap-global-overlay .sap-global-modal) {
  background: linear-gradient(145deg, rgba(10,10,10,.96), rgba(4,4,4,.92)) !important;
  border-color: rgba(255,255,255,.10) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] :is(.op-appearance-popover, .notification-popover, .sap-global-overlay .sap-global-modal) {
  border-color: rgba(0,0,0,.10) !important;
}

/* Botões inativos com visual glass mesmo em preto/branco */
html[data-accent-enabled="true"][data-accent-tone="white"] :is(.secondary, .icon-button, .command-button, .fleet-choice, .op-theme-choice button:not([aria-pressed="true"])) {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,247,247,.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 8px 18px rgba(0,0,0,.04) !important;
}
html[data-accent-enabled="true"][data-accent-tone="black"] :is(.secondary, .icon-button, .command-button, .fleet-choice, .op-theme-choice button:not([aria-pressed="true"])) {
  background: linear-gradient(145deg, rgba(24,24,24,.88), rgba(10,10,10,.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.22) !important;
}

/* Botão de busca da O.S/CS e similares nunca some */
html[data-accent-enabled="true"][data-accent-tone="white"] .withdrawal-basics label > div button {
  color: #111 !important;
}
html[data-accent-enabled="true"][data-accent-tone="black"] .withdrawal-basics label > div button {
  color: #fff !important;
}


/* ========================================================================
   V72 — topnav ativa com contraste real e sem névoa atrás do botão
   ======================================================================== */
html[data-accent-enabled="true"][data-accent-tone="black"] .op-desktop-top-nav-item.active,
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html[data-accent-enabled="true"][data-accent-tone="black"] .op-desktop-top-nav-item.active {
  background: #000 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active {
  background: #fff !important;
  color: #111 !important;
  border-color: rgba(0,0,0,.14) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06) !important;
}

html[data-accent-enabled="true"][data-accent-tone="black"] .op-desktop-top-nav-item.active :is(.op-desktop-top-nav-label, .op-desktop-top-nav-icon, svg, svg *, i, span) {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active :is(.op-desktop-top-nav-label, .op-desktop-top-nav-icon, svg, svg *, i, span) {
  color: #111 !important;
  fill: #111 !important;
  stroke: #111 !important;
}

html[data-accent-enabled="true"][data-accent-tone="black"] .op-desktop-top-nav-item.active :is(.op-custom-app-icon, .forms-materials-card-icon, .op-aprovisionamento-box-icon) {
  filter: brightness(0) invert(1) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active :is(.op-custom-app-icon, .forms-materials-card-icon, .op-aprovisionamento-box-icon) {
  filter: brightness(0) saturate(100%) !important;
}

/* O logo SAP mantém a própria identidade, sem herdar preto invisível. */
html[data-accent-enabled="true"][data-accent-tone="black"] .op-desktop-top-nav-item.active .op-sap-app-logo,
html[data-accent-enabled="true"][data-accent-tone="white"] .op-desktop-top-nav-item.active .op-sap-app-logo {
  filter: none !important;
}


/* ========================================================================
   V73 — "Realizar baixa" sempre legível em preto/branco
   ======================================================================== */
html[data-accent-enabled="true"][data-accent-tone="white"] .sap-subnav-v40 button.active,
html[data-accent-enabled="true"][data-accent-tone="white"] .sap-subnav-v40 a.active {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04) !important;
}
html[data-accent-enabled="true"][data-accent-tone="white"] .sap-subnav-v40 button.active :is(span, strong, small, i, svg, svg *),
html[data-accent-enabled="true"][data-accent-tone="white"] .sap-subnav-v40 a.active :is(span, strong, small, i, svg, svg *) {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
  opacity: 1 !important;
}

html[data-accent-enabled="true"][data-accent-tone="black"] .sap-subnav-v40 button.active,
html[data-accent-enabled="true"][data-accent-tone="black"] .sap-subnav-v40 a.active {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
html[data-accent-enabled="true"][data-accent-tone="black"] .sap-subnav-v40 button.active :is(span, strong, small, i, svg, svg *),
html[data-accent-enabled="true"][data-accent-tone="black"] .sap-subnav-v40 a.active :is(span, strong, small, i, svg, svg *) {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}