/* ============================================================
   Dashboard Zusätze (separat eingebunden nach dashboard.css)
   ============================================================ */

/* Date-Pill (chronologische Datumsanzeige) */
.date-pill {
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, .10);
  background: rgba(13, 124, 110, .08);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
               "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  color: #0f1f38;
  white-space: nowrap;
}

/* Split-View: aktive Dokumentzeile */
#rows tr.is-active > td {
  background: rgba(13, 124, 110, 0.10);
}

/* Split-View: rechte Vorschau sticky (Desktop) + groessere Viewer-Hoehe */
.docviewer-sticky {
  position: sticky;
  top: calc(var(--topbar-h) + 12px);
}

#docFrame,
.doc-frame {
  height: clamp(420px, 74vh, 900px);
  min-height: 420px;
}

@media (max-width: 1199.98px) {
  .docviewer-sticky {
    position: static;
    top: auto;
  }

  #docFrame,
  .doc-frame {
    height: 55vh;
    min-height: 340px;
  }
}