:root {
  --doku-header: #0f172a;
  --doku-border: #e2e8f0;
  --doku-accent: #2563eb;
  --doku-text: #1e293b;
  --doku-muted: #64748b;
  --doku-bg: #f8fafc;
  --doku-radius: 10px;
  --doku-max: 1200px;
  /* header inner bar (~0.75rem padding + 44px controls); safe-area adds via .doku-header padding */
  --sticky-header-h: 4.25rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: calc(var(--sticky-header-h) + env(safe-area-inset-top, 0px) + 8px);
}

body.doku-body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--doku-text);
  background: var(--doku-bg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.doku-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10000;
  padding: 0.75rem 1rem;
  background: #fff;
  color: var(--doku-accent);
  font-weight: 600;
}
.doku-skip:focus {
  left: 0.5rem;
  top: 0.5rem;
  outline: 2px solid var(--doku-accent);
  outline-offset: 2px;
}

/* sticky header like specialsnite; z-index below Bootstrap modals (1050) and open dropdowns */
.doku-header {
  background: var(--doku-header);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 950;
  padding-top: env(safe-area-inset-top, 0px);
  box-shadow: 0 1px 0 var(--doku-border);
}
.doku-header__inner {
  max-width: var(--doku-max);
  margin: 0 auto;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}
.doku-brand {
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
  text-decoration: none;
  white-space: nowrap;
}
.doku-brand:hover,
.doku-brand:focus-visible {
  color: #fff;
  text-decoration: underline;
}
.doku-header__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  min-width: 0;
}
.doku-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent;
  color: inherit;
}
.doku-btn--primary {
  background: var(--doku-accent);
  color: #fff;
}
.doku-btn--primary:hover {
  background: #1d4ed8;
  color: #fff;
}
.doku-btn--ghost {
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.doku-btn:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}

.doku-user-menu .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  text-decoration: none;
  min-height: 44px;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
}
.doku-user-menu .dropdown-toggle img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.doku-header .dropdown-menu {
  max-height: calc(100vh - var(--sticky-header-h) - env(safe-area-inset-top, 0px) - 16px);
  max-height: calc(100dvh - var(--sticky-header-h) - env(safe-area-inset-top, 0px) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.doku-shell {
  flex: 1;
  max-width: var(--doku-max);
  margin: 0 auto;
  padding: 1rem;
  width: 100%;
}
.doku-layout {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .doku-layout--listing {
    grid-template-columns: 200px 1fr;
    align-items: start;
  }
}
.doku-sidebar {
  display: none;
}
@media (min-width: 992px) {
  .doku-sidebar {
    display: block;
  }
}
.doku-sidebar h2 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--doku-muted);
  margin: 0 0 0.75rem;
}
.doku-dept-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.doku-dept-list a {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  color: var(--doku-text);
  text-decoration: none;
  border-bottom: 1px solid var(--doku-border);
  min-height: 44px;
  align-items: center;
}
.doku-dept-list a:hover,
.doku-dept-list a.is-active {
  color: var(--doku-accent);
}

.doku-toolbar {
  background: #fff;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius);
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .doku-toolbar {
    position: sticky;
    top: 56px;
    z-index: 900;
  }
}
.doku-search-form {
  display: grid;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .doku-search-form {
    grid-template-columns: 1fr;
  }
  .doku-filters-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
  }
}
@media (max-width: 767px) {
  .doku-filters-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
.doku-label-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.doku-input,
.doku-select {
  width: 100%;
  min-height: 44px;
  font-size: 16px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--doku-border);
  border-radius: 8px;
  background: #fff;
}
.doku-input:focus-visible,
.doku-select:focus-visible,
.doku-chip-remove:focus-visible,
a:focus-visible {
  outline: 2px solid var(--doku-accent);
  outline-offset: 2px;
}
.doku-search-input {
  font-size: 16px;
}

.doku-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.75rem;
}
.doku-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #e0e7ff;
  color: #1e3a8a;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  font-size: 0.875rem;
}
.doku-chip-remove {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0 0.15rem;
  color: inherit;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.doku-clear-filters {
  font-size: 0.875rem;
  color: var(--doku-accent);
}

.doku-summary {
  margin-bottom: 1rem;
  color: var(--doku-muted);
}

.doku-card {
  background: #fff;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius);
  padding: 1rem 1.125rem;
  margin-bottom: 0.75rem;
}
.doku-card__title {
  margin: 0 0 0.35rem;
  font-size: 1.0625rem;
  font-weight: 600;
}
.doku-card__title a {
  color: var(--doku-text);
  text-decoration: none;
}
.doku-card__title a:hover {
  color: var(--doku-accent);
}
.doku-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.35rem 0;
}
.doku-badge {
  font-size: 0.75rem;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  background: #f1f5f9;
  color: var(--doku-muted);
}
.doku-tag-chip {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  text-decoration: none;
  border: none;
  cursor: pointer;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}
.doku-card__snippet {
  margin: 0.5rem 0;
  font-size: 0.9375rem;
  color: var(--doku-muted);
}
.doku-card__snippet mark {
  background: #fef08a;
  padding: 0 0.1em;
}
.doku-card__meta {
  font-size: 0.8125rem;
  color: var(--doku-muted);
}

.doku-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
  margin-top: 1rem;
  list-style: none;
  padding: 0;
}
.doku-pager a,
.doku-pager span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--doku-border);
  border-radius: 8px;
  text-decoration: none;
  color: var(--doku-text);
}
.doku-pager .is-current {
  background: var(--doku-accent);
  color: #fff;
  border-color: var(--doku-accent);
}

.doku-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--doku-muted);
}

.doku-footer {
  margin-top: 2rem;
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--doku-muted);
  border-top: 1px solid var(--doku-border);
  background: #fff;
}

.doku-doc-banner {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: var(--doku-radius);
  margin-bottom: 1rem;
}
.doku-doc-header {
  background: #fff;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius);
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.doku-doc-body {
  max-width: 75ch;
  background: #fff;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius);
  padding: 1.25rem;
}
.doku-doc-body img {
  max-width: 100%;
  height: auto;
}
.doku-doc-body video {
  max-width: 100%;
  height: auto;
  background: #000;
  border-radius: var(--doku-radius, 8px);
}
.doku-doc-body figure.doku-video,
.doku-doc-body figure.doku-frame {
  margin: 1rem 0;
}
.doku-doc-body figure.doku-video figcaption,
.doku-doc-body figure.doku-frame figcaption {
  font-size: 0.875rem;
  color: var(--doku-muted, #64748b);
  margin-top: 0.35rem;
}
.doku-doc-body a.doku-seek {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 0.1em 0.45em;
  margin-right: 0.35rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: var(--doku-text, #1e293b);
  text-decoration: none;
  vertical-align: baseline;
}
.doku-doc-body a.doku-seek:hover,
.doku-doc-body a.doku-seek:focus {
  background: #cbd5e1;
  text-decoration: none;
}
.doku-doc-body table {
  display: block;
  overflow-x: auto;
  max-width: 100%;
}
.doku-doc-body pre,
.doku-doc-body code {
  white-space: pre-wrap;
  word-break: break-word;
}
.doku-doc-body iframe {
  max-width: 100%;
}
.doku-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}
.doku-breadcrumbs {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  color: var(--doku-muted);
}
.doku-breadcrumbs a {
  color: var(--doku-accent);
}

@media print {
  .doku-header,
  .doku-toolbar,
  .doku-sidebar,
  .doku-footer,
  .doku-doc-actions,
  .doku-no-print,
  #container-comment_form,
  #comments,
  .doku-notifications {
    display: none !important;
  }
  .doku-doc-print-url::after {
    content: " — " attr(data-url);
    font-size: 0.85rem;
    color: #666;
  }
  .doku-doc-body video {
    display: none !important;
  }
  .doku-doc-body figure.doku-video figcaption {
    display: block !important;
  }
}

/* --- layout hardening: never overflow the viewport at 390px --- */
/* clip (not hidden) so position:sticky on .doku-header keeps working */
html, body.doku-body { overflow-x: clip; }
.doku-layout > *, .doku-shell, .doku-toolbar, .doku-card, .doku-doc, main { min-width: 0; }
.doku-select, .doku-search, select, input, textarea { max-width: 100%; min-width: 0; }
.doku-card, .doku-doc { overflow-wrap: anywhere; }
.doku-doc img, .doku-doc video, .doku-doc iframe { max-width: 100% !important; height: auto; }
.doku-doc table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 767.98px) {
  .doku-doc h1, .doku-doc-title, .doku-doc-header h1 { font-size: 1.75rem; line-height: 1.2; }
  .doku-doc-body h1 { font-size: 1.5rem; } .doku-doc-body h2 { font-size: 1.3rem; }
}
/* ghost buttons on light surfaces (document actions) */
.doku-doc-actions .doku-btn--ghost { border: 1px solid var(--doku-border); color: var(--doku-text); background: #fff; }
.doku-doc-actions .doku-btn--ghost:hover { background: #f1f5f9; }
.doku-doc-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.doku-header__inner { min-width: 0; }
.doku-user-menu span { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
@media (max-width: 480px) { .doku-user-menu span { display: none; } }

/* avatar fallback for accounts without a profile photo */
.doku-avatar-fallback { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#e2e8f0; color:#1e293b; font-weight:600; font-size:14px; flex:0 0 32px; }
/* --- search operators (feature/search-operators) --- */
.doku-search-row {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 0;
}
.doku-search-row .doku-search-input {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
}
.doku-search-tips-btn {
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  padding: 0 0.75rem;
  font-size: 16px;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius, 6px);
  background: #fff;
  color: var(--doku-accent);
  cursor: pointer;
}
.doku-search-tips-btn:hover,
.doku-search-tips-btn:focus {
  background: #f1f5f9;
  outline: 2px solid var(--doku-accent);
  outline-offset: 2px;
}
.doku-search-tips-popover {
  position: absolute;
  z-index: 40;
  top: calc(100% + 0.35rem);
  right: 0;
  width: min(22rem, calc(100vw - 2rem));
  max-height: min(70vh, 20rem);
  overflow: auto;
  padding: 0.75rem 1rem;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius, 6px);
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  font-size: 0.875rem;
  line-height: 1.45;
}
.doku-search-tips-list {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
}
.doku-search-tips-list code {
  font-size: 0.8125rem;
}
.doku-query-hint {
  font-size: 0.875rem;
  color: var(--doku-muted);
  margin: 0.25rem 0 0.75rem;
}
mark {
  background: #fef08a;
  color: inherit;
  padding: 0 0.1em;
  border-radius: 2px;
}
/* ========== BEGIN users-auth (2026-10-08) ========== */
.doku-auth-card { padding: 1.25rem; }
.doku-auth-title { font-size: 1.35rem; margin: 0 0 1rem; }
.doku-auth-footer-link { margin-top: 1rem; text-align: center; font-size: 0.95rem; }
.doku-form-group { margin-bottom: 1rem; }
.doku-form-group label { display: block; font-weight: 500; margin-bottom: 0.35rem; }
.doku-input, .doku-select { width: 100%; min-height: 44px; font-size: 16px; padding: 0.5rem 0.75rem; border: 1px solid var(--doku-border); border-radius: 8px; background: #fff; }
.doku-input:focus, .doku-select:focus { outline: 2px solid #93c5fd; border-color: var(--doku-accent); }
.doku-btn--block { width: 100%; }
.doku-field-error { color: #b91c1c; font-size: 0.875rem; margin-top: 0.25rem; }
.doku-form-check { display: flex; align-items: center; min-height: 44px; }
.doku-check-label { display: flex; align-items: center; gap: 0.5rem; min-height: 44px; cursor: pointer; }
.doku-check-label input { width: 1.25rem; height: 1.25rem; }
.doku-password-wrap { display: flex; gap: 0.35rem; align-items: stretch; }
.doku-password-wrap .doku-input { flex: 1; }
.doku-password-toggle { min-height: 44px; min-width: 4.5rem; font-size: 14px; border: 1px solid var(--doku-border); border-radius: 8px; background: #f1f5f9; cursor: pointer; }
.doku-alert { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; }
.doku-alert--success { background: #ecfdf5; color: #065f46; }
.doku-alert--danger { background: #fef2f2; color: #991b1b; }
.doku-alert--info { background: #eff6ff; color: #1e40af; }
.doku-password-meter { font-size: 0.875rem; margin-top: 0.35rem; }
.doku-password-meter--weak { color: #b91c1c; }
.doku-password-meter--ok { color: #b45309; }
.doku-password-meter--strong { color: #047857; }
.doku-password-match { font-size: 0.875rem; margin-top: 0.35rem; }
.doku-users-page { max-width: var(--doku-max); margin: 0 auto; }
.doku-users-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
.doku-users-header__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.doku-users-filters { display: grid; grid-template-columns: 1fr; gap: 0.5rem; margin-bottom: 1rem; }
@media (min-width: 768px) { .doku-users-filters { grid-template-columns: repeat(3, 1fr); } }
.doku-users-summary { font-size: 0.9rem; color: var(--doku-muted); }
.doku-user-row { background: #fff; border: 1px solid var(--doku-border); border-radius: var(--doku-radius); padding: 0.75rem 1rem; margin-bottom: 0.5rem; }
.doku-user-row__name { font-weight: 600; color: var(--doku-accent); text-decoration: none; }
.doku-user-row__meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.35rem; font-size: 0.875rem; }
.doku-badge { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 999px; background: #e2e8f0; font-size: 0.75rem; }
.doku-badge--success { background: #d1fae5; color: #065f46; }
.doku-badge--muted { background: #f1f5f9; color: #475569; }
.doku-badge--danger { background: #fee2e2; color: #991b1b; }
.doku-btn--danger { background: #b91c1c; color: #fff; border: none; }
.doku-form-grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .doku-form-grid { grid-template-columns: 1fr 1fr; } }
.doku-users-security { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--doku-border); }
.doku-users-danger-zone { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.doku-audit-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; display: block; overflow-x: auto; }
.doku-audit-table th, .doku-audit-table td { border: 1px solid var(--doku-border); padding: 0.35rem 0.5rem; text-align: left; }
.doku-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
/* ========== END users-auth ========== */

/* paging lands at the results list, clear of the sticky header/toolbar */
#doku-summary { scroll-margin-top: 80px; }
@media (max-width: 767px) { #doku-summary { scroll-margin-top: 190px; } }
.doku-help { font-size: 0.875rem; color: var(--doku-muted, #64748b); margin: 0.35rem 0 0; }

/* Round 2: pasted (Word/CKEditor) document content must fit a 390px screen.
   Long URLs/words wrap, inline widths can't exceed the column, wide tables/code scroll in their own box,
   and on phones inline font sizes (20-26px from Word) are toned down so content doesn't look zoomed in.
   Pinch-zoom stays enabled (viewport meta has no maximum-scale/user-scalable). */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.doku-doc-body, .doku-doc-body *, #container-comment_form, #container-comment_form * {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.doku-doc-body { max-width: min(75ch, 100%); min-width: 0; }
.doku-doc-body [style*="width"], .doku-doc-body [width] { max-width: 100% !important; box-sizing: border-box; }
.doku-doc-body img, .doku-doc-body video, .doku-doc-body iframe, .doku-doc-body embed, .doku-doc-body object { max-width: 100% !important; height: auto !important; }
.doku-doc-body iframe { aspect-ratio: 16 / 9; width: 100%; }
.doku-doc-body [style*="nowrap"] { white-space: normal !important; }
.doku-doc-body table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; }
.doku-doc-body table td, .doku-doc-body table th { overflow-wrap: normal; word-break: normal; min-width: 4rem; }
.doku-doc-body pre { white-space: pre-wrap; overflow-x: auto; max-width: 100%; }
.doku-doc-body a { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .doku-doc-body { padding: 1rem; font-size: 1rem; line-height: 1.55; }
  .doku-doc-body [style*="font-size"], .doku-doc-body font[size] { font-size: 1em !important; line-height: inherit !important; }
  .doku-doc-body h1 [style*="font-size"], .doku-doc-body h2 [style*="font-size"], .doku-doc-body h3 [style*="font-size"] { font-size: inherit !important; }
  .doku-doc-body [style*="margin-left"], .doku-doc-body [style*="padding-left"] { margin-left: 0 !important; padding-left: 0.5rem !important; }
  .doku-doc-body ul, .doku-doc-body ol { padding-left: 1.25rem; }
}

/* Round 3: notifications + header dropdowns (mobile-first) */
.doku-notifications .dropdown,
#dropdown_notifications .dropdown {
  position: relative;
}
.doku-user-menu {
  position: relative;
}
.doku-notifications .dropdown-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
}
.doku-notifications .dropdown-toggle::after {
  display: none;
}
.doku-notifications .dropdown-toggle img {
  filter: brightness(0) invert(1);
}
.doku-notifications .dropdown-toggle .doku-notif-badge {
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  box-shadow: 0 0 0 2px var(--doku-header, #0f172a);
}
.doku-notif-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}
.doku-notifications .doku-notif-panel.dropdown-menu {
  padding: 0;
  margin: 0;
  border: 1px solid var(--doku-border);
  border-radius: var(--doku-radius);
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12);
  overflow: hidden;
  max-height: 70vh;
  max-height: min(70vh, calc(100vh - var(--doku-header-height, 64px) - 16px));
  max-height: min(70vh, calc(100dvh - var(--doku-header-height, 64px) - 16px));
}
.doku-notif-panel.dropdown-menu > li.doku-notif-panel__chrome {
  padding: 0;
}
.doku-notif-panel > .doku-notif-panel__chrome,
.doku-notif-panel > li.doku-notif-panel__chrome {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: inherit;
}
.doku-notif-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-bottom: 1px solid var(--doku-border);
  background: #fff;
  flex-shrink: 0;
}
.doku-notif-panel__head-text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
  min-width: 0;
}
.doku-notif-panel__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--doku-text);
}
.doku-notif-panel__unread-count {
  font-size: 0.75rem;
  color: var(--doku-muted);
}
.doku-notif-mark-all {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  padding: 0.35rem 0.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--doku-accent);
  cursor: pointer;
  min-height: 44px;
}
.doku-notif-mark-all:hover,
.doku-notif-mark-all:focus-visible {
  text-decoration: underline;
  outline: none;
}
.doku-notif-mark-all:disabled {
  opacity: 0.45;
  cursor: default;
  text-decoration: none;
}
.doku-notif-panel__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.doku-notif-panel__list .doku-notif,
.doku-notif-panel__list .doku-notif-empty {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.doku-notif {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  min-height: 44px;
  border-bottom: 1px solid var(--doku-border);
  background: #fff;
  color: var(--doku-text);
  text-decoration: none;
  position: relative;
}
.doku-notif:last-child {
  border-bottom: 0;
}
.doku-notif:hover,
.doku-notif:focus-visible {
  background: #f8fafc;
  outline: none;
  text-decoration: none;
  color: var(--doku-text);
}
.doku-notif--unread {
  background: rgba(37, 99, 235, 0.07);
}
.doku-notif--unread:hover,
.doku-notif--unread:focus-visible {
  background: rgba(37, 99, 235, 0.1);
}
.doku-notif__dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 0.35rem;
  border-radius: 50%;
  background: var(--doku-accent);
}
.doku-notif__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
svg.doku-notif__icon {
  display: block;
}
.doku-notif__body {
  flex: 1 1 auto;
  min-width: 0;
}
.doku-notif__text {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.35;
}
.doku-notif__text b,
.doku-notif__text strong {
  font-weight: 600;
}
.doku-notif__date {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.75rem;
  color: var(--doku-muted);
}
.doku-notif-empty {
  padding: 1.5rem 1rem;
  text-align: center;
}
.doku-notif-empty__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--doku-text);
}
.doku-notif-empty__sub {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--doku-muted);
}

@media (min-width: 641px) {
  .doku-notifications .doku-notif-panel.dropdown-menu {
    position: absolute !important;
    width: 380px;
    max-width: calc(100vw - 16px);
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    top: 100% !important;
    margin-top: 0.25rem;
  }
}

@media (max-width: 640px) {
  .doku-notifications .doku-notif-panel.dropdown-menu {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: none;
    top: calc(var(--doku-header-height, 64px) + 4px) !important;
    transform: none !important;
    margin-top: 0;
  }
  .doku-user-menu .dropdown-menu {
    transform: none !important;
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    margin-top: 0.25rem;
    max-width: calc(100vw - 16px);
  }
  .doku-user-menu .dropdown-item {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #document-member-count > .dropdown-menu {
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    margin-top: 0.25rem;
    max-width: calc(100vw - 16px);
  }
}

.doku-user-menu .dropdown-menu {
  max-width: calc(100vw - 16px);
}

#document-member-count {
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

#document-member-count > .dropdown-menu {
  max-width: calc(100vw - 16px);
}
#document-member-count > .dropdown-menu.show {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
}

/* Round 4: admin area */
.doku-admin-area {
  margin-bottom: 1.25rem;
  max-width: 100%;
}
.doku-admin-area__title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
}
.doku-admin-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.doku-admin-nav__item {
  margin: 0;
  max-width: 100%;
}
.doku-admin-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.375rem 0.875rem;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.doku-admin-nav__link:hover,
.doku-admin-nav__link:focus {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #0f172a;
  text-decoration: none;
}
.doku-admin-nav__link.is-current {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}
.doku-admin-filters--4 { grid-template-columns: 1fr; }
@media (min-width: 768px) {
  .doku-admin-filters--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .doku-admin-filters--4 { grid-template-columns: repeat(4, 1fr); }
}
.doku-admin-list__cards { display: block; max-width: 100%; }
.doku-admin-list__table-wrap { display: none; max-width: 100%; }
@media (min-width: 768px) {
  .doku-admin-list__cards { display: none; }
  .doku-admin-list__table-wrap { display: block; }
}
.doku-admin-card {
  background: #fff;
  border: 1px solid var(--doku-border, #e2e8f0);
  border-radius: var(--doku-radius, 8px);
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  max-width: 100%;
}
.doku-admin-card__title { margin: 0 0 0.35rem; font-size: 1rem; font-weight: 600; }
.doku-admin-card__title a { color: var(--doku-accent, #2563eb); text-decoration: none; }
.doku-admin-card__meta { display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.875rem; }
.doku-admin-card__author,
.doku-admin-table__author { display: inline-flex; align-items: center; gap: 0.5rem; }
.doku-admin-card__actions,
.doku-admin-table__actions { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; margin-top: 0.5rem; }
.doku-admin-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; table-layout: fixed; }
.doku-admin-table th,
.doku-admin-table td { border: 1px solid var(--doku-border, #e2e8f0); padding: 0.4rem 0.5rem; text-align: left; vertical-align: top; word-break: break-word; }
.doku-admin-table th { background: #f8fafc; font-weight: 600; }
.doku-admin-avatar { flex: 0 0 32px; }
.doku-inline-form { display: inline; margin: 0; }
.doku-btn--sm { min-height: 36px; padding: 0.25rem 0.65rem; font-size: 0.8125rem; }
.doku-btn--danger-text { color: #b91c1c; }
.doku-pager--simple { align-items: center; gap: 0.75rem; }
.doku-pager__status { font-size: 0.875rem; color: var(--doku-muted, #64748b); }
.doku-admin-card--comment .doku-admin-card__head { display: flex; gap: 0.75rem; align-items: flex-start; }
.doku-admin-card__author-name { margin: 0; font-weight: 600; }
.doku-admin-card__date { margin: 0; font-size: 0.8125rem; }
.doku-admin-card__body { margin: 0.5rem 0; font-size: 0.9375rem; line-height: 1.45; }
.doku-admin-card__desc { margin: 0 0 0.35rem; font-size: 0.875rem; }
.doku-admin-comments-doc { margin: 0; width: 100%; }
.doku-input--textarea { min-height: 8rem; resize: vertical; width: 100%; max-width: 100%; }
.doku-form-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.doku-form-errors {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border-radius: var(--doku-radius, 8px);
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  font-size: 0.875rem;
  max-width: 100%;
}
.doku-admin-document-form-page { max-width: 100%; overflow-x: hidden; }
.doku-admin-field-label { display: block; font-weight: 500; margin-bottom: 0.35rem; }
.doku-admin-document-form__editor .cke_chrome,
.doku-admin-document-form__editor iframe.cke_wysiwyg_frame {
  max-width: 100% !important;
  box-sizing: border-box;
}
.doku-admin-document-form .select2-container { max-width: 100%; }
.doku-admin-member-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  max-width: 100%;
}
.doku-admin-member-chips > .list-view,
.doku-admin-member-chips > .list-view > .items {
  display: contents;
}
.doku-admin-member-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.doku-admin-member-chip img,
.doku-admin-member-chip .doku-avatar-fallback {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.doku-admin-member-picker__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--doku-border, #e2e8f0);
  max-width: 100%;
}
.doku-admin-member-picker__row .member { flex: 0 0 auto; }
.doku-admin-form-actions-bar {
  padding-top: 1rem;
  margin-top: 1.25rem;
  border-top: 1px solid var(--doku-border, #e2e8f0);
}
.doku-admin-select2-noresults { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.doku-admin-folders-page { max-width: 100%; overflow-x: hidden; }
.doku-admin-folders-toolbar { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.doku-admin-folders-breadcrumb { margin-bottom: 0.75rem; font-size: 0.875rem; word-break: break-word; }
.doku-admin-folders-layout {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
}
.doku-admin-folders-tree-wrap {
  position: relative;
  min-width: 0;
  max-width: 100%;
}
.doku-admin-jstree {
  min-height: 240px;
  max-height: 50vh;
  overflow: auto;
  border: 1px solid var(--doku-border, #e2e8f0);
  border-radius: var(--doku-radius, 8px);
  padding: 0.35rem;
  max-width: 100%;
}
.doku-admin-jstree .jstree-anchor {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  line-height: 1.35;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.doku-admin-folders-preview {
  width: 100%;
  border: 1px solid var(--doku-border, #e2e8f0);
  border-radius: var(--doku-radius, 8px);
  min-height: 40vh;
  max-width: 100%;
}
.doku-admin-folders-loading {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.65);
  z-index: 2;
  border-radius: var(--doku-radius, 8px);
}
.doku-admin-folders-toolbar .is-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
@media (min-width: 992px) {
  .doku-admin-folders-layout {
    flex-direction: row;
    align-items: stretch;
  }
  .doku-admin-folders-tree-wrap {
    flex: 1 1 320px;
    min-width: 320px;
    max-width: 42%;
  }
  .doku-admin-folders-preview-wrap {
    flex: 1 1 0;
    min-width: 0;
  }
  .doku-admin-jstree { max-height: 70vh; }
  .doku-admin-folders-preview { min-height: 70vh; height: 70vh; }
}
@media (max-width: 991.98px) {
  .doku-admin-folders-preview { height: 60vh; min-height: 60vh; }
}

/* Round 4b: admin polish */

.doku-shell .doku-users-page .doku-btn--ghost,
.doku-shell .doku-admin-document-form .doku-btn--ghost,
.doku-shell .doku-card.doku-users-form .doku-btn--ghost,
.doku-shell .doku-admin-folders-page .doku-btn--ghost {
	color: #1f2937;
	background: transparent;
	border: 1px solid #d0d7e2;
	box-shadow: none;
}

.doku-shell .doku-users-page .doku-btn--ghost:hover:not(:disabled):not(.is-disabled),
.doku-shell .doku-admin-document-form .doku-btn--ghost:hover:not(:disabled):not(.is-disabled),
.doku-shell .doku-card.doku-users-form .doku-btn--ghost:hover:not(:disabled):not(.is-disabled),
.doku-shell .doku-admin-folders-page .doku-btn--ghost:hover:not(:disabled):not(.is-disabled) {
	color: #111827;
	background: #f8fafc;
	border-color: #b8c4d4;
}

.doku-shell .doku-users-header h1 {
	font-size: clamp(1.5rem, 5vw, 2rem);
	line-height: 1.2;
	margin: 0;
}

.doku-user-card,
.doku-user-card *,
.doku-admin-card,
.doku-admin-card *,
.doku-user-row,
.doku-user-row * {
	overflow-wrap: anywhere;
	word-break: break-word;
	min-width: 0;
}

.doku-admin-card__desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.doku-admin-table {
	table-layout: fixed;
	width: 100%;
}

.doku-admin-table td,
.doku-admin-table th {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Round 4c */

.doku-shell .doku-card.doku-users-form > h1 {
	font-size: clamp(1.5rem, 5vw, 2rem);
	line-height: 1.2;
	margin: 0 0 1rem;
}

.doku-admin-jstree.jstree-default-small .jstree-node > .jstree-ocl,
.doku-admin-jstree.jstree-default-small .jstree-anchor > .jstree-themeicon {
	background-image: url("jstree-default/32px.png");
	background-repeat: no-repeat;
}

.doku-admin-jstree.jstree-default-small .jstree-icon {
	width: 18px;
	height: 18px;
	line-height: 18px;
}

.doku-shell .doku-admin-jstree.jstree-default-small .jstree-anchor {
	height: 18px;
	line-height: 18px;
	overflow: visible;
	text-overflow: ellipsis;
}

/* Round 5: admin links in avatar menu */

.doku-user-menu .doku-menu-group {
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	color: var(--doku-muted);
	padding: 0.5rem 1rem 0.25rem;
	text-transform: uppercase;
}

.doku-user-menu .dropdown-item.is-current {
	font-weight: bold;
	color: var(--doku-primary);
	background-color: #eff6ff;
	border-left: 3px solid var(--doku-primary);
}

.doku-user-menu .dropdown-divider {
	margin: 0.35rem 0;
}

.doku-user-menu .dropdown-menu {
	max-height: calc(100vh - 72px);
	overflow-y: auto;
}

@media (max-width: 575.98px) {
	.doku-user-menu .dropdown-menu {
		right: 0;
		left: auto;
		max-width: calc(100vw - 16px);
	}
}

/* Viewer flow A */
.doku-admin-form-actions-bar {
	position: sticky;
	bottom: 0;
	background: var(--doku-bg, #f1f5f9);
	padding: 0.75rem 0;
	border-top: 1px solid var(--doku-border, #e2e8f0);
	z-index: 20;
}
.doku-admin-form-actions-bar .doku-btn {
	min-height: 44px;
}

/* Viewer flow B */
.doku-list-header { margin-bottom: .75rem; }
.doku-doc-actions { flex-wrap: wrap; }
.doku-doc-actions .doku-btn { min-height: 44px; }
@media (max-width: 390px) {
	.doku-list-header,
	.doku-doc-actions {
		max-width: 100%;
	}
	.doku-doc-actions .doku-btn {
		flex: 1 1 auto;
		min-width: 0;
	}
}

/* Viewer flow C */
.doku-users-page.doku-admin-document-form-page { overflow: visible; overflow-x: clip; }

/* User edit nav F1 */
.doku-users-back {
	display: inline-block;
	margin-bottom: 0.75rem;
	font-size: 0.9375rem;
	color: var(--doku-accent);
	text-decoration: none;
}
.doku-users-back:hover {
	text-decoration: underline;
}
.doku-users-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-top: 1rem;
	max-width: 100%;
}
.doku-users-form-actions .doku-btn {
	min-height: 44px;
}
.doku-user-row--highlight {
	background: color-mix(in srgb, var(--doku-accent) 12%, #fff);
	outline: 2px solid color-mix(in srgb, var(--doku-accent) 35%, transparent);
	outline-offset: -1px;
	transition: background 0.4s ease, outline-color 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
	.doku-user-row--highlight {
		transition: none;
	}
}
.doku-user-row__name--static {
	color: var(--doku-text);
	cursor: default;
}

/* Attachments G2 */
.doku-attachments {
	background: #fff;
	border: 1px solid var(--doku-border);
	border-radius: var(--doku-radius);
	padding: 1rem 1.25rem;
	margin-bottom: 1rem;
	max-width: 100%;
	box-sizing: border-box;
}
.doku-attachments__heading {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 0.75rem;
}
.doku-attachments__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.doku-attachments__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	padding: 0.65rem 0;
	border-top: 1px solid var(--doku-border);
	max-width: 100%;
	min-width: 0;
}
.doku-attachments__item:first-child {
	border-top: none;
	padding-top: 0;
}
.doku-attachments__type {
	flex: 0 0 auto;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--doku-muted, #64748b);
}
.doku-attachments__name {
	flex: 1 1 8rem;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.doku-attachments__size {
	flex: 0 0 auto;
	font-size: 0.875rem;
}
.doku-attachments__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	flex: 0 0 auto;
}
.doku-attachments__links .doku-btn {
	min-height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.doku-admin-attachment-list {
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0;
	border: 1px solid var(--doku-border);
	border-radius: var(--doku-radius);
	background: #f8fafc;
}
.doku-admin-attachment-list__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.65rem 0.75rem;
	border-top: 1px solid var(--doku-border);
	max-width: 100%;
	min-width: 0;
}
.doku-admin-attachment-list__item:first-child {
	border-top: none;
}
.doku-admin-attachment-list__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.65rem;
	min-width: 0;
	flex: 1 1 12rem;
}
.doku-admin-attachment-list__name {
	overflow-wrap: anywhere;
	word-break: break-word;
	min-width: 0;
}
.doku-admin-attachment-list__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}
.doku-admin-attachment-list__actions .doku-btn {
	min-height: 44px;
}
.doku-admin-attachment-remove {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 44px;
	cursor: pointer;
	font-size: 0.9375rem;
}
.doku-admin-document-attachments .doku-admin-attachment-input {
	font-size: 16px;
	max-width: 100%;
}

/* Code blocks G3 */
.doku-doc-body,
.content-body .card-content {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.doku-doc-body pre,
.content-body .card-content pre {
	background: #f6f8fa;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 0.75rem 1rem;
	margin: 0.75rem 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
	font-size: 0.875rem;
	line-height: 1.5;
	white-space: pre;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	box-sizing: border-box;
	tab-size: 4;
	-moz-tab-size: 4;
	word-wrap: normal;
	overflow-wrap: normal;
	word-break: normal;
}
.doku-doc-body code,
.content-body .card-content code {
	background: #f1f5f9;
	border-radius: 4px;
	padding: 0.1em 0.35em;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
	font-size: 0.875em;
	overflow-wrap: anywhere;
	word-break: normal;
}
.doku-doc-body pre code,
.content-body .card-content pre code {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: inherit;
	word-wrap: normal;
	overflow-wrap: normal;
	word-break: normal;
}
@media print {
	.doku-doc-body pre,
	.content-body .card-content pre {
		white-space: pre-wrap;
		overflow-x: visible;
	}
}

/* Attachment buttons G4 */
.doku-attachments__links .doku-btn--ghost {
	border: 1px solid var(--doku-border);
	color: var(--doku-text);
	background: #fff;
	min-height: 44px;
}
.doku-attachments__links .doku-btn--ghost:hover {
	background: #f1f5f9;
}
.doku-attachments__links .doku-btn--ghost:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}