/* =========================================================================
   PAPIERKORB UND LOESCHEN
   Eigene Datei, damit style.css unveraendert bleibt. Faellt diese Datei
   weg, bleibt das Wiki bedienbar - nur die Optik der Loeschfunktion
   ist dann schlichter.
   ========================================================================= */

/* Dokumentzeile: Oeffnen-Button nimmt den Platz, Loeschen sitzt rechts. */
.doc-row{
  display:flex;
  align-items:stretch;
  gap:8px;
  margin-bottom:8px;
}
.doc-row .doc{ flex:1 1 auto; margin-bottom:0; }

.doc-delete-btn{
  flex:0 0 auto;
  width:44px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  color:#b91c1c;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.doc-delete-btn:hover{ background:#fef2f2; border-color:#fca5a5; }
.doc-delete-btn:focus-visible{ outline:2px solid #b91c1c; outline-offset:2px; }

/* Papierkorb-Ansicht */
.trash-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid #eee;
  border-radius:8px;
  background:#fff;
  margin-bottom:8px;
}
.trash-info{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.trash-info b{ overflow-wrap:anywhere; }
.trash-meta{ font-size:12px; color:#666; }
.trash-days{ font-size:12px; color:#065f46; font-weight:600; }
.trash-days.urgent{ color:#b91c1c; }

.doc-restore-btn{
  flex:0 0 auto;
  padding:8px 14px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#f8fafc;
  cursor:pointer;
}
.doc-restore-btn:hover{ background:#eef2f7; }
.doc-restore-btn:focus-visible{ outline:2px solid #2563eb; outline-offset:2px; }

.top-trash-btn{
  border:1px solid rgba(255,255,255,.4);
  background:transparent;
  color:inherit;
  border-radius:8px;
  padding:6px 12px;
  cursor:pointer;
}

@media (max-width:600px){
  .trash-row{ flex-direction:column; align-items:flex-start; }
  .doc-restore-btn{ width:100%; }
}
