/* Enfermagem Fácil: melhorias visuais seguras nas páginas React legadas.
   Não altera inputs de cálculo, botões clínicos ou CSS do bundle original. */
body.ef-react-semantic .ef-react-skip {
  position:fixed;left:12px;top:-100px;z-index:9999;
  padding:10px 16px;border-radius:12px;
  background:#fff;color:#095c72;border:2px solid #087f91;
  font:700 14px/1.4 system-ui,sans-serif;
  text-decoration:none;box-shadow:0 8px 24px rgba(12,50,80,.2);
}
body.ef-react-semantic .ef-react-skip:focus {top:12px}
body.ef-react-semantic #root > div > header {
  background:rgba(255,255,255,.97);
  border-bottom-color:#dce9ef;
  box-shadow:0 4px 15px rgba(15,58,89,.06);
  backdrop-filter:blur(10px);
}
body.ef-react-semantic #root > div > main {scroll-margin-top:94px}
body.ef-react-semantic #root main h2[role="heading"][aria-level="1"] {
  color:#103a59;letter-spacing:-.025em;line-height:1.2;
}
body.ef-react-semantic #root nav.ef-breadcrumb {color:#55778a}
body.ef-react-semantic #root nav.ef-breadcrumb a {color:#078c99}
body.ef-react-semantic #root :is(button,a,input,select,textarea,[tabindex="0"]):focus-visible {
  outline:3px solid #0297a7;outline-offset:3px;
}
@media (max-width:640px){
  body.ef-react-semantic #root > div > header{box-shadow:0 2px 10px rgba(15,58,89,.05)}
}
@media(prefers-reduced-motion:reduce){
  body.ef-react-semantic #root *{scroll-behavior:auto}
}