/* =========================================================================
   SAMMELLOESCHUNG - Darstellung
   Gehoert zu js/bulk-delete.js. Bewusst eigene Datei, damit style.css
   unveraendert bleibt und ein Rueckbau leicht moeglich ist.
   ========================================================================= */

/* ---------------------------------------------- Ordner-Loeschknopf */
.folder-delete-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:12px 0 4px;
  padding:7px 14px;
  font-size:14px;
  font-weight:600;
  color:#b91c1c;
  background:#fff;
  border:1px solid #fca5a5;
  border-radius:8px;
  cursor:pointer;
}
.folder-delete-btn:hover{ background:#fef2f2; border-color:#ef4444; }
.folder-delete-btn:focus-visible{ outline:2px solid #b91c1c; outline-offset:2px; }

/* --------------------------------- Adminbereich: gefaehrliche Aktionen */
.danger-zone{
  margin-top:32px;
  padding:18px 20px;
  border:1px solid #fca5a5;
  border-left:4px solid #dc2626;
  border-radius:10px;
  background:#fffbfb;
}
.danger-zone h3{
  margin:0 0 6px;
  font-size:16px;
  color:#991b1b;
}
.danger-zone p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.5;
  color:#4b5563;
}
.danger-zone__btn{
  padding:9px 16px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  background:#dc2626;
  border:none;
  border-radius:8px;
  cursor:pointer;
}
.danger-zone__btn:hover{ background:#b91c1c; }
.danger-zone__btn:focus-visible{ outline:2px solid #7f1d1d; outline-offset:2px; }

/* ------------------------------------------------------------- Dialog */
.bulk-overlay{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(17,24,39,.55);
}
.bulk-box{
  width:100%;
  max-width:520px;
  max-height:90vh;
  overflow-y:auto;
  padding:24px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.bulk-title{
  margin:0 0 14px;
  font-size:19px;
  line-height:1.3;
  color:#991b1b;
}
.bulk-body{ font-size:14px; line-height:1.6; color:#1f2937; }
.bulk-body p{ margin:0 0 10px; }
.bulk-body b{ color:#111827; }

.bulk-label{
  display:block;
  margin:16px 0 6px;
  font-size:13px;
  font-weight:600;
  color:#374151;
}
.bulk-label code{
  padding:2px 6px;
  font-size:13px;
  background:#fee2e2;
  border-radius:4px;
  color:#991b1b;
  user-select:all;
}
.bulk-input{
  width:100%;
  padding:9px 11px;
  font-size:14px;
  font-family:inherit;
  border:1px solid #d1d5db;
  border-radius:8px;
  box-sizing:border-box;
}
.bulk-input:focus{ outline:2px solid #2563eb; outline-offset:0; border-color:#2563eb; }

.bulk-hint{
  margin-top:6px;
  font-size:12.5px;
  line-height:1.5;
  color:#6b7280;
}
.bulk-error{
  margin-top:14px;
  padding:10px 12px;
  font-size:13.5px;
  color:#991b1b;
  background:#fef2f2;
  border:1px solid #fca5a5;
  border-radius:8px;
}

.bulk-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:22px;
}
.bulk-btn-cancel,
.bulk-btn-danger,
.bulk-btn-ok{
  padding:9px 16px;
  font-size:14px;
  font-weight:600;
  font-family:inherit;
  border-radius:8px;
  cursor:pointer;
}
.bulk-btn-cancel{ color:#374151; background:#fff; border:1px solid #d1d5db; }
.bulk-btn-cancel:hover{ background:#f9fafb; }
.bulk-btn-danger{ color:#fff; background:#dc2626; border:none; }
.bulk-btn-danger:hover:not(:disabled){ background:#b91c1c; }
.bulk-btn-danger:disabled{ background:#e5e7eb; color:#9ca3af; cursor:not-allowed; }
.bulk-btn-ok{ color:#fff; background:#2563eb; border:none; }
.bulk-btn-ok:hover{ background:#1d4ed8; }
.bulk-btn-cancel:focus-visible,
.bulk-btn-danger:focus-visible,
.bulk-btn-ok:focus-visible{ outline:2px solid #111827; outline-offset:2px; }

/* -------------------------------- Sammelvorgang im Papierkorb */
.trash-batch{
  margin:0 0 12px;
  padding:12px 14px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-left:3px solid #6b7280;
  border-radius:8px;
}
.trash-batch__head{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:space-between;
}
.trash-batch__title{ font-size:14px; font-weight:600; color:#111827; }
.trash-batch__meta{ margin-top:4px; font-size:12.5px; color:#6b7280; }
.trash-batch__btn{
  padding:6px 12px;
  font-size:13px;
  font-weight:600;
  color:#065f46;
  background:#fff;
  border:1px solid #6ee7b7;
  border-radius:7px;
  cursor:pointer;
}
.trash-batch__btn:hover{ background:#ecfdf5; }
.trash-batch__btn:focus-visible{ outline:2px solid #065f46; outline-offset:2px; }

/* ---------------------------------------------------------- Mobil */
@media (max-width:560px){
  .bulk-box{ padding:18px; }
  .bulk-actions{ flex-direction:column-reverse; }
  .bulk-actions button{ width:100%; }
  .folder-delete-btn{ width:100%; justify-content:center; }
}

/* ------------------------------------------- Bewegung reduzieren */
@media (prefers-reduced-motion:reduce){
  .bulk-overlay,
  .bulk-box{ animation:none !important; transition:none !important; }
}