/*
 * Small addendum to tailwind.css.
 *
 * tailwind.css is a statically pre-built, content-purged stylesheet (there's
 * no tailwind.config.js/build pipeline in this repo — see static/css/src/input.css
 * for the source it was generated from). It only contains utility classes that
 * were actually referenced somewhere in the templates AT BUILD TIME. Any class
 * introduced in a template added after that build is silently missing — no
 * error, the class just has no effect, which is exactly the kind of bug that's
 * invisible until you inspect a live page: e.g. `pointer-events-none` never
 * applying meant Edit PDF's page image intercepted clicks meant for its
 * annotation overlay layer.
 *
 * These are the utility classes introduced by Crop PDF / Edit PDF that
 * weren't already used elsewhere in the project, added by hand rather than
 * re-running a full Tailwind build (which would require reconstructing a
 * config file that doesn't exist in this repo).
 */
.max-w-full { max-width: 100%; }
.select-none { user-select: none; }
.pointer-events-none { pointer-events: none; }
.border-2 { border-width: 2px; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.w-px { width: 1px; }
.bg-ink-900\/10 { background-color: rgba(15, 23, 42, 0.1); }
.border-primary-500 { border-color: rgb(59 130 246); }
.\!px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }

/* ink-400/800 and the dark:ink-200 variant — same slate scale as the other
 * ink-* utilities above, just shades that weren't referenced pre-build.
 * Added for the AI PDF Summary / AI Chat with PDF tools. */
.text-ink-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); }
.text-ink-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); }
.dark\:text-ink-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
.justify-end { justify-content: flex-end; }

/* Skip-to-content link: visually hidden until keyboard-focused, then
 * pinned to the top-left corner above everything else. Plain CSS instead
 * of stacking several one-off Tailwind focus: variants (sr-only,
 * focus:not-sr-only, focus:absolute, ...) that aren't in this pre-built
 * stylesheet either. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: rgb(37 99 235);
  color: #fff;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
}
.skip-link:focus {
  left: 0.5rem;
  top: 0.5rem;
}

/* Standard visually-hidden-but-screen-reader-accessible utility (used for
 * <label> text on icon-only search inputs etc.). */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}