/* Dokumentablage (Stefan 30.10.2026): Ansicht „Dokumente" (#dokumente, js/dokumente.js). */
.dok__kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.dok__belegt { font-size: 13px; color: var(--content-base-secondary); }
.dok__intro { margin: -4px 0 0; max-width: 70ch; }
.dok__drop {
  display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;
  padding: 22px 16px; border: 1.5px dashed var(--border-base-primary); border-radius: 16px;
  background: rgba(255, 255, 255, .45); cursor: pointer; transition: background 160ms ease, border-color 160ms ease;
}
.dok__drop:hover, .dok__drop:focus-within { border-color: var(--c-brand-purple-500); }
.dok__drop--aktiv { border-color: var(--c-brand-purple-500); background: rgba(100, 80, 232, .08); }
.dok__drop-titel { font-weight: 600; font-size: 15px; }
.dok__drop-link { color: var(--content-action-primary); text-decoration: underline; }
.dok__drop-info { font-size: 13px; color: var(--content-base-secondary); }
.dok__uploads { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.dok__up { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; padding: 8px 12px; border: 1px solid var(--border-base-primary); border-radius: 12px; font-size: 14px; }
.dok__up--fehler { border-color: rgba(179, 38, 30, .35); }
.dok__up-name { font-weight: 600; overflow-wrap: anywhere; min-width: 0; }
.dok__up-fehler { color: #b3261e; grid-column: 1 / -1; font-size: 13px; }
.dok__up-ok { color: #1e7a3b; font-weight: 600; }
.dok__balken { grid-column: 1 / -1; height: 4px; border-radius: 4px; background: var(--border-base-primary); overflow: hidden; }
.dok__balken > span { display: block; height: 100%; background: var(--c-brand-purple-500); transition: width 200ms ease; }
.dok__werkzeug { display: flex; flex-direction: column; gap: 8px; }
.dok__suche { width: 100%; font-size: 15px; padding: 10px 12px; }
.dok__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.dok__chip {
  border: 1px solid var(--border-base-primary); background: var(--bg-component-primary); color: var(--content-base-primary);
  border-radius: 999px; padding: 5px 12px; font: inherit; font-size: 13px; cursor: pointer;
}
.dok__chip--an { background: var(--c-brand-purple-500); border-color: var(--c-brand-purple-500); color: #fff; }
.dok__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.dok__eintrag { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--border-base-primary); border-radius: 14px; background: rgba(255, 255, 255, .55); }
.dok__symbol {
  flex: none; width: 44px; height: 52px; border-radius: 8px; display: grid; place-items: center;
  font-size: 11px; font-weight: 700; letter-spacing: .3px; color: #fff; background: #6b6b78;
}
.dok__symbol--pdf { background: #c0392b; }
.dok__symbol--docx { background: #2b5797; }
.dok__symbol--pptx { background: #c4511f; }
.dok__symbol--xlsx { background: #1e7145; }
.dok__symbol--image { background: var(--c-brand-purple-500); }
.dok__inhalt { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.dok__name { border: 0; background: none; padding: 0; text-align: left; font: inherit; font-weight: 600; font-size: 15px; color: var(--content-base-primary); cursor: pointer; overflow-wrap: anywhere; }
.dok__name:hover { text-decoration: underline; }
.dok__meta, .dok__zeile2 { font-size: 13px; color: var(--content-base-secondary); }
.dok__zeile2 { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.dok__quelle--chat a { color: var(--content-action-primary); }
.dok__ordner { padding: 1px 8px; border-radius: 999px; background: rgba(100, 80, 232, .10); color: var(--c-brand-purple-600, #4F3CC9); font-size: 12px; }
.dok__hinweis { margin: 2px 0 0; font-size: 12.5px; color: var(--content-base-secondary); }
.dok__aktionen { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; }
.dok__aktionen .linkbtn { min-height: 28px; display: inline-flex; align-items: center; line-height: 1.2; }
.dok-ansicht__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.dok__weg { color: #b3261e; }
.dok__form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 6px; }
.dok__form .website-input { flex: 1 1 220px; }
.dok__frage { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 6px; font-size: 14px; }
.dok__stellen { margin: 4px 0 0; padding-left: 18px; font-size: 13.5px; line-height: 1.45; display: flex; flex-direction: column; gap: 4px; }
.dok__stelle-label { font-weight: 600; color: var(--content-base-secondary); }
.dok__leer { margin: 0; }
/* Ansehen */
.dok-ansicht {
  width: min(900px, calc(100vw - 24px)); max-height: calc(100svh - 32px); padding: 20px;
  border: 1px solid rgba(255, 255, 255, .6); border-radius: 20px; background: rgba(255, 255, 255, .97);
  box-shadow: 0 24px 64px rgba(28, 28, 30, .24); overflow: auto;
}
.dok-ansicht::backdrop { background: rgba(28, 28, 30, .34); backdrop-filter: blur(6px); }
.dok-ansicht__kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.dok-ansicht__kopf h2 { overflow-wrap: anywhere; margin: 0; }
.dok-ansicht__bild { display: block; max-width: 100%; max-height: 65svh; margin: 8px auto; border-radius: 10px; }
.dok-ansicht__pdf { width: 100%; height: 70svh; border: 1px solid var(--border-base-primary); border-radius: 10px; }
.dok-ansicht__text { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 14px; line-height: 1.5; max-height: 60svh; overflow: auto; padding: 12px; border-radius: 10px; background: rgba(0, 0, 0, .03); }
@media (max-width: 560px) {
  .dok__suche, .dok__form .website-input { font-size: 16px; }   /* < 16 px zoomt iOS */
  .dok__symbol { width: 36px; height: 44px; font-size: 10px; }
  .dok__eintrag { padding: 10px; gap: 10px; }
}