/*
 * PansophIQ-Dossier hosted-edition shell chrome.
 *
 * Extends the shared PansophIQ design language (pansophiq-design-tokens.css,
 * vendored alongside this file) to the server-rendered admin/reviewer UI.
 * Opt-in and scoped: every rule here is qualified under the
 * `.pansophiq-dossier-shell` class placed on the base template's <html>
 * element (pages.py::_page). Nothing outside that scope is touched, no
 * element is reset, and no `--pansophiq-` value is redefined here — only
 * consumed. Light mode only, matching the token set's single palette.
 *
 * Reversible: removing the class (or the two <link> tags that load this
 * file and the tokens file) fully reverts the page to its original,
 * unscoped styling — every selector below is dead without the class.
 *
 * Covers shell chrome only: page background, card/surface panels, body
 * text, the header/nav bar, table styling, and focus rings. Buttons,
 * form controls, and status colors (.error/.notice/.metric) are left to
 * the base stylesheet's own palette.
 */

.pansophiq-dossier-shell {
  color-scheme: light;
}

.pansophiq-dossier-shell body {
  background: var(--pansophiq-color-canvas);
  color: var(--pansophiq-color-text);
  font-family: var(--pansophiq-font-sans);
}

.pansophiq-dossier-shell header {
  background: var(--pansophiq-color-ink);
  color: var(--pansophiq-color-surface);
}

.pansophiq-dossier-shell header .brand {
  color: var(--pansophiq-color-surface);
}

.pansophiq-dossier-shell header nav a {
  color: var(--pansophiq-color-surface);
  opacity: 0.78;
}

.pansophiq-dossier-shell header nav a:hover {
  color: var(--pansophiq-color-surface);
  opacity: 1;
}

.pansophiq-dossier-shell header .user {
  color: var(--pansophiq-color-surface);
  opacity: 0.65;
}

.pansophiq-dossier-shell .card {
  background: var(--pansophiq-color-surface);
  border: 1px solid var(--pansophiq-color-border);
  border-radius: var(--pansophiq-radius-md);
}

.pansophiq-dossier-shell h1,
.pansophiq-dossier-shell h2 {
  color: var(--pansophiq-color-ink);
}

.pansophiq-dossier-shell a {
  color: var(--pansophiq-color-action);
}

.pansophiq-dossier-shell a:hover {
  color: var(--pansophiq-color-action-hover);
}

.pansophiq-dossier-shell table {
  border-color: var(--pansophiq-color-border);
}

.pansophiq-dossier-shell th,
.pansophiq-dossier-shell td {
  border-bottom: 1px solid var(--pansophiq-color-border);
}

.pansophiq-dossier-shell th {
  color: var(--pansophiq-color-text-muted);
}

.pansophiq-dossier-shell hr.sep {
  border-top: 1px solid var(--pansophiq-color-border);
}

.pansophiq-dossier-shell a:focus-visible,
.pansophiq-dossier-shell button:focus-visible,
.pansophiq-dossier-shell input:focus-visible,
.pansophiq-dossier-shell select:focus-visible,
.pansophiq-dossier-shell textarea:focus-visible {
  outline: 2px solid var(--pansophiq-color-focus);
  outline-offset: 2px;
}