/* Exclusivo do leitor de amostras. Não altera landing, formulário ou folhas A4. */
@media screen {
  #mapa-astral-page .ma-sample-dialog { width: min(1100px, calc(100vw - 24px)); max-height: 94dvh; padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #181820; color: #f2f1f5; box-shadow: 0 32px 120px rgba(0,0,0,.55); font-family: 'Raleway', system-ui, sans-serif; }
  #mapa-astral-page .ma-sample-dialog[open] { gap: 14px; }
  #mapa-astral-page .ma-sample-dialog::backdrop { background: rgba(5,5,10,.84); backdrop-filter: blur(8px); }
  #mapa-astral-page .ma-sample-dialog__bar { flex-wrap: nowrap; gap: 20px; }
  #mapa-astral-page .ma-sample-heading { min-width: 0; }
  #mapa-astral-page .ma-sample-heading > p { margin: 0 0 5px; color: #aaa9b5; font: 600 10px/1.5 'Raleway', sans-serif; letter-spacing: .12em; text-transform: uppercase; text-align: left; }
  #mapa-astral-page .ma-sample-heading > h2 { margin: 0; color: #f2f1f5; font: 700 17px/1.4 'Raleway', system-ui, sans-serif; letter-spacing: -.02em; text-align: left; }
  #mapa-astral-page .ma-sample-close { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.035); color: #c5c4cc; cursor: pointer; }
  #mapa-astral-page .ma-sample-close:hover { background: rgba(255,255,255,.09); color: #fff; }
  #mapa-astral-page .ma-sample-dialog > p { margin: 0; color: #a4a3b0; font-size: 12px; line-height: 1.6; text-align: left; }
  #mapa-astral-page .ma-sample-toolbar { gap: 12px; padding: 0 0 12px; border-bottom: 1px solid rgba(255,255,255,.075); font-size: 11px; color: #aaa9b5; }
  #mapa-astral-page .ma-sample-toolbar > span { display: inline-flex; align-items: center; gap: 8px; }
  #mapa-astral-page .ma-sample-toolbar > span::before { content: ''; width: 9px; height: 12px; border: 1px solid #888794; border-radius: 2px; }
  #mapa-astral-page #ma-sample-zoom { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: #24242e; color: #e0dfe6; font: 600 11px/1.4 'Raleway', sans-serif; cursor: pointer; }
  #mapa-astral-page #ma-sample-zoom::before { content: '⤢'; font-size: 17px; line-height: 1; }
  #mapa-astral-page #ma-sample-zoom:hover { background: #30303c; }
  #mapa-astral-page #ma-sample-document { height: 64dvh; padding: 16px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: #101016; scrollbar-color: #464550 #101016; scrollbar-width: thin; }
  #mapa-astral-page .ma-sample-pages { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding-top: 2px; font-family: 'Raleway', system-ui, sans-serif; }
  #mapa-astral-page .ma-sample-pages button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; width: fit-content; padding: 10px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.025); color: #e6e5eb; font: 600 12px/1.4 'Raleway', sans-serif; cursor: pointer; transition: background .15s, border-color .15s; }
  #mapa-astral-page #ma-sample-next { justify-self: end; background: #e8c982; border-color: #e8c982; color: #211b10; }
  #mapa-astral-page .ma-sample-pages button:hover:not(:disabled) { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.22); }
  #mapa-astral-page #ma-sample-next:hover:not(:disabled) { background: #f2dba6; border-color: #f2dba6; }
  #mapa-astral-page .ma-sample-pages button:disabled { opacity: .3; cursor: default; }
  #mapa-astral-page .ma-sample-counter { display: grid; gap: 2px; justify-items: center; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: #e0dfe6; }
  #mapa-astral-page .ma-sample-counter > span:last-child { font-size: 10px; font-weight: 400; color: #8e8d9b; }
  #mapa-astral-page .ma-sample-close:focus-visible,
  #mapa-astral-page .ma-sample-pages button:focus-visible,
  #mapa-astral-page #ma-sample-zoom:focus-visible { outline: 2px solid #e8c982; outline-offset: 3px; }
}
@media screen and (max-width: 560px) {
  #mapa-astral-page .ma-sample-dialog { padding: 16px 12px; border-radius: 16px; }
  #mapa-astral-page .ma-sample-heading > h2 { font-size: 14px; }
  #mapa-astral-page .ma-sample-dialog > p { font-size: 11px; }
  #mapa-astral-page .ma-sample-toolbar { font-size: 10px; gap: 6px; }
  #mapa-astral-page .ma-sample-pages { gap: 8px; }
  #mapa-astral-page .ma-sample-pages button { gap: 4px; padding-inline: 10px; min-height: 44px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #mapa-astral-page .ma-sample-pages button { transition: none; }
}