/* PR-VIBECURB-07 · Gate 6.4 — estados independentes de cor e forced colors. */

.vb-rail a:is(.is-active, [aria-current="location"]),
.vb-nav.vb-nav--mobile-portal a:is(.is-active, [aria-current="location"]) {
  font-weight: 800;
  text-decoration: none;
}

#gestao button[role="tab"][aria-selected="true"] > strong,
#gestao button[role="tab"][aria-selected="true"] > .vb-evidence-room__mobile-label {
  text-decoration-line: underline;
  text-decoration-thickness: .14em;
  text-underline-offset: .28em;
}

html.vb-js.vb-motion-ready #planos .vb-access__appendix.vb-motion-item:focus-within {
  clip-path: none !important;
}

@media (forced-colors: active) {
  .vb-page :where(
    a[href],
    button:not([disabled]),
    [role="tab"],
    [tabindex]:not([tabindex="-1"])
  ):focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 3px;
  }

  body.vb-page .vb-header :is(a[href], button):focus-visible,
  body.vb-page .vb-rail :is(a[href], button):focus-visible,
  body.vb-page .vb-nav.vb-nav--mobile-portal a[href]:focus-visible,
  body.vb-page main a[href]:focus-visible,
  body.vb-page .vb-footer a[href]:focus-visible {
    outline: 3px solid CanvasText !important;
    outline-offset: -3px !important;
    box-shadow: none !important;
  }

  .vb-page :where(
    .vb-button,
    .vb-header__demo,
    .vb-menu-button,
    .vb-rail__toggle,
    .vb-nav__access
  ) {
    border: 2px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
    box-shadow: none;
  }

  .vb-page :where(
    .vb-button,
    .vb-header__demo,
    .vb-menu-button,
    .vb-rail__toggle,
    .vb-nav__access
  ):is(:focus-visible, :active) {
    border-color: Highlight;
    background: Highlight;
    color: HighlightText;
  }

  .vb-menu-button[aria-expanded="true"],
  .vb-rail__toggle[aria-expanded="true"] {
    border: 3px double Highlight;
  }

  .vb-rail a:is(.is-active, [aria-current="location"]),
  .vb-nav.vb-nav--mobile-portal a:is(.is-active, [aria-current="location"]) {
    outline: 2px solid Highlight;
    outline-offset: -2px;
    color: LinkText;
  }

  #gestao .vb-evidence-room__instruments article.is-active {
    border: 3px double Highlight;
    background: Canvas;
    box-shadow: none;
  }

  #gestao button[role="tab"][aria-selected="true"] {
    background: Highlight;
    color: HighlightText;
  }

  #gestao button[role="tab"][aria-selected="true"] :where(
    span,
    strong,
    small
  ) {
    color: inherit;
  }

  .vb-page :where(
    .vb-evidence-sheet,
    .vb-evidence-room__board,
    .vb-notebook__attachment,
    .vb-protocol__ledger,
    .vb-access__institutional,
    .vb-access__appendix
  ) {
    border: 1px solid CanvasText;
    box-shadow: none;
  }
}