/* Papelera de reciclaje del administrador (public/js/papelera.js). */
/* Mismo aspecto que .view-switch-btn (styles.css): va dentro del selector de vista. */
.papelera-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 0; background: transparent; color: var(--on-surface-variant);
  border-radius: 999px; padding: 6px 14px; min-height: 34px;
  font-family: inherit; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em;
  cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease, color 0.15s ease;
}
.papelera-btn .material-symbols-outlined { font-size: 16px; }
.papelera-btn:hover { color: var(--primary); }
.papelera-btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
@media (max-width: 640px) { .papelera-btn { padding: 6px 8px; gap: 4px; letter-spacing: 0.04em; } }
.papelera-contador {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px;
  border-radius: 9px; background: var(--accent, #fd7c11); color: #fff; font: 700 11px/18px Inter, sans-serif; text-align: center;
}
.papelera-contador[hidden] { display: none; }
.papelera-fondo[hidden] { display: none; }
.papelera-fondo {
  position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 30, 0.45); padding: 16px;
}
.papelera-modal {
  background: var(--surface-container-lowest, #fff); color: var(--on-surface, #1a1c1e);
  width: min(720px, 100%); max-height: 85vh; overflow: auto; border-radius: 8px; padding: 20px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.papelera-cab { display: flex; align-items: center; justify-content: space-between; }
.papelera-cab h2 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 8px; color: var(--primary, #000062); }
.papelera-cerrar { background: none; border: 0; cursor: pointer; color: inherit; }
.papelera-nota, .papelera-estado { font-size: 13px; color: var(--on-surface-variant, #454654); margin: 8px 0; }
.papelera-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.papelera-item {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px;
  border: 1px solid var(--outline-variant, #c6c5d6); border-radius: 8px;
}
.papelera-cuerpo { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.papelera-cuerpo strong { overflow-wrap: anywhere; }
.papelera-meta { font-size: 12px; color: var(--on-surface-variant, #454654); }
.papelera-vence { font-size: 12px; font-weight: 600; color: var(--warning, #a16207); }
.papelera-restaurar {
  display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font: 700 13px Inter, sans-serif;
  padding: 8px 12px; border-radius: 6px; border: 0; background: var(--primary, #000062); color: #fff;
}
.papelera-restaurar:disabled { opacity: 0.6; cursor: default; }