/* Shield Docs · Archiv (Paperless-ngx) im Unit256-Design — wird per nginx in jede Seite eingehängt */
@font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url('fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url('fonts/atkinson-hyperlegible-next-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Hubot Sans'; font-style: normal; font-display: swap; font-weight: 200 900; font-stretch: 75% 125%;
  src: url('fonts/hubot-sans-latin-standard-normal.woff2') format('woff2'); }
@font-face { font-family: 'Martian Mono'; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url('fonts/martian-mono-latin-wght-normal.woff2') format('woff2'); }

:root, [data-bs-theme] {
  --pngx-primary: 218, 100% !important;          /* Kobalt #005fff */
  --pngx-primary-lightness: 50% !important;
  --bs-font-sans-serif: 'Atkinson Hyperlegible Next', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bs-font-monospace: 'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-border-radius: .55rem;
  --bs-link-color: #005fff;
  --bs-link-hover-color: #0047c2;
}
[data-bs-theme=light], :root:not([data-bs-theme=dark]) {
  --bs-body-color: #1b1b19;
  --bs-secondary-color: #6c6b64;
  --bs-border-color: #e6e5df;
  --pngx-bg-darker: #f6f5f1;
  --pngx-bg-alt2: #f1f0ec;
}
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .navbar-brand {
  font-family: 'Hubot Sans', 'Atkinson Hyperlegible Next', ui-sans-serif, system-ui, sans-serif;
  font-stretch: 106%; letter-spacing: -0.01em;
}
/* Kopfleiste weiß wie die übrigen Unit256-Oberflächen */
html:not([data-bs-theme=dark]) .navbar.bg-primary, html:not([data-bs-theme=dark]) .navbar.bg-primary {
  background: #ffffff !important; border-bottom: 1px solid #ebeae5; box-shadow: none !important;
}
html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand,
html:not([data-bs-theme=dark]) .navbar.bg-primary .nav-link,
html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-toggler,
html:not([data-bs-theme=dark]) .navbar.bg-primary .btn-link,
html:not([data-bs-theme=dark]) .navbar.bg-primary i-bs, html:not([data-bs-theme=dark]) .navbar.bg-primary svg { color: #0b0b0b !important; }
html:not([data-bs-theme=dark]) .navbar.bg-primary .search-container input, html:not([data-bs-theme=dark]) .navbar.bg-primary .form-control {
  background: #f6f5f1 !important; color: #1b1b19 !important; border: 1px solid #e6e5df !important;
}
.card { border-color: var(--bs-border-color); }
.btn { font-weight: 600; }

/* Titel in der Kopfleiste: Tinte statt Weiß, Untertitel gedämpft */
html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand, html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand * { color: #0b0b0b !important; opacity: 1 !important; }
html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand small, html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand .small { color: #6c6b64 !important; }
html:not([data-bs-theme=dark]) .navbar.bg-primary .navbar-brand img { max-height: 34px; width: auto; border-radius: 8px; }
html:not([data-bs-theme=dark]) .navbar.bg-primary input::placeholder { color: #8a8982 !important; }
html:not([data-bs-theme=dark]) .navbar.bg-primary .dropdown-toggle, html:not([data-bs-theme=dark]) .navbar.bg-primary .dropdown-toggle * { color: #0b0b0b !important; }

/* ---- Herstellermarke ausblenden (Unterzeile, Willkommens-Kachel, Doku/GitHub/Version, Update-Prüfung) ---- */
.navbar-brand .byline, pngx-welcome-widget,
a[href*="paperless-ngx.com"], a[href*="github.com/paperless-ngx"],
li.nav-item:has(a[href*="github.com/paperless-ngx"]), li.nav-item:has(> a[href*="docs.paperless-ngx.com"]),
.version-check, a[href$="#update-checking"], #update-checking, *:has(> #update-checking) { display: none !important; }
.col:has(> pngx-welcome-widget) { display: none !important; }

/* ---- E-Mail-Seite: Hinweis „Postfächer kommen aus Shield Mail“ ---- */
.u-mailnote {
  display: flex; gap: 14px; align-items: flex-start; margin: 4px 0 22px; padding: 16px 18px;
  border: 1px solid #cfe0ff; background: #f3f7ff; border-radius: 12px; color: #1b1b19; max-width: 980px;
}
.u-mailnote svg { flex: 0 0 22px; width: 22px; height: 22px; color: #005fff; margin-top: 1px; }
.u-mailnote strong { display: block; font-family: 'Hubot Sans', 'Atkinson Hyperlegible Next', sans-serif; font-stretch: 106%; font-size: 16px; margin-bottom: 3px; }
.u-mailnote p { margin: 0; font-size: 14px; line-height: 1.5; color: #44433e; }
.u-mailnote.u-off { border-color: #ffe2a3; background: #fff8e6; }
.u-mailnote.u-off svg { color: #b07000; }
/* Ohne freigegebenes Postfach: leere Konten-/Regel-Tabellen gar nicht erst zeigen */
pngx-mail.u-mail-off > *:not(pngx-page-header):not(.u-mailnote), pngx-mail.u-mail-off .u-mailnote ~ * { display: none !important; }
/* Tabellen der E-Mail-Seite: Atkinson läuft breiter → Köpfe silbengetrennt, Knöpfe kompakter */
pngx-mail .list-group-item:first-child { font-size: 12.5px; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
pngx-mail .list-group-item .btn-sm { font-size: 12px; padding: .25rem .5rem; white-space: nowrap; }
/* Mitarbeiter: verwaltete Postfach-Konten nur ansehen (Rechte-Knopf führt sonst ins Leere) */
html.u-ma pngx-mail ul.list-group:first-of-type .btn-toolbar, html.u-ma pngx-mail ul.list-group:first-of-type .btn-group.d-block { display: none !important; }

/* Startseite: Anleitung statt Hersteller-Kachel */
.u-welcome { background: #fff; border: 1px solid #e6e5df; border-radius: 14px; padding: 26px 28px; }
.u-welcome h2 { font-size: 24px; font-weight: 700; margin: 0 0 6px; color: #0b0b0b; }
.u-welcome .u-lead { color: #6c6b64; margin: 0 0 20px; font-size: 15px; }
.u-welcome ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; counter-reset: u; }
.u-welcome li { counter-increment: u; font-size: 14px; color: #44433e; line-height: 1.45; padding-top: 14px; border-top: 2px solid #005fff; }
.u-welcome li::before { content: "0" counter(u); display: block; font-family: 'Martian Mono', ui-monospace, monospace; font-size: 11px; color: #005fff; letter-spacing: .08em; margin-bottom: 6px; }
.u-welcome li b { display: block; color: #0b0b0b; font-size: 15px; margin-bottom: 2px; }
@media (max-width: 760px) { .u-welcome ol { grid-template-columns: 1fr; } }

/* Mitarbeiter: Verwaltungs-Einträge ausblenden (Rechte bleiben nur lesend, nötig für Freigabe-Dialoge) */
html.u-ma a[href="/usersgroups"], html.u-ma li.nav-item:has(> a[href="/usersgroups"]),
html.u-ma a[href="/tasks"], html.u-ma li.nav-item:has(> a[href="/tasks"]) { display: none !important; }