.regab-documents-page { display: grid; gap: 16px; }
.regab-documents-head { display: grid; gap: 4px; }
.regab-documents-head h1 { margin: 6px 0 4px; font-size: 28px; }
.regab-documents-head p { margin: 0; color: var(--detail-muted, #728294); }
.regab-documents-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.regab-documents-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(280px, 100%);
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--detail-border, #e4eaf0);
  border-radius: 10px;
  background: var(--detail-bg-soft, #f8fafc);
}
.regab-documents-search input { flex: 1; min-width: 0; min-height: 40px; border: 0; background: transparent; color: inherit; }
.regab-documents-toolbar select {
  width: min(220px, 100%);
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--detail-border, #e4eaf0);
  border-radius: 10px;
  background: var(--detail-bg-soft, #f8fafc);
  color: inherit;
}
.regab-documents-toolbar .secondary-button { min-height: 42px; white-space: nowrap; }
.regab-documents-hint { margin: 0; color: var(--detail-muted, #728294); font-size: 11px; font-weight: 700; }
.regab-documents-meta { color: var(--detail-muted, #728294); font-size: 12px; font-weight: 700; }
.regab-documents-table-wrap { overflow: auto; border: 1px solid var(--detail-border, #e4eaf0); border-radius: 13px; }
.regab-documents-table { width: 100%; min-width: 1080px; border-collapse: collapse; background: var(--detail-bg-soft, #f8fafc); }
.regab-documents-table th, .regab-documents-table td { padding: 12px 13px; text-align: left; border-bottom: 1px solid var(--detail-border, #e4eaf0); font-size: 12px; vertical-align: top; }
.regab-documents-table th { color: var(--detail-muted, #728294); text-transform: uppercase; letter-spacing: .055em; font-size: 10px; }
.regab-documents-table tr:last-child td { border-bottom: 0; }
.regab-documents-table td strong, .regab-documents-table td small { display: block; }
.regab-documents-table td small { margin-top: 3px; color: var(--detail-muted, #728294); word-break: break-word; }
.regab-documents-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.regab-documents-empty, .regab-documents-error { padding: 18px; border: 1px dashed var(--detail-border, #e4eaf0); border-radius: 12px; color: var(--detail-muted, #728294); }
.regab-documents-error { border-color: rgba(204, 75, 83, .45); color: #be3f47; }
.regab-documents-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  padding: 10px 14px;
  border-radius: 10px;
  background: #17324a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .25);
}

/*
  Host-URL ist /projects?regabDocuments=1 → React markiert „Aufträge“.
  Solange Dokumente offen ist, nur den Dokumente-Link aktiv wirken lassen.
*/
body.regab-documents-active .sidebar nav a.active:not(.regab-documents-nav-link) {
  color: #91a5b9 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.regab-documents-active .sidebar nav a.regab-documents-nav-link {
  color: white !important;
  background: #243d55 !important;
  box-shadow: inset 3px 0 #5a92f3 !important;
}

@media (max-width: 900px) {
  .regab-documents-search, .regab-documents-toolbar select { width: 100%; }
}