/* recyclebin.js — tiered deletion */
.rb { max-width: 820px; margin: 0 auto; }
.rb-flow { font-size: 13px; line-height: 1.6; color: var(--ink-soft); background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; }
.rb-flow b { color: var(--ink); }
.rb-sec { margin-bottom: 14px; }
.rb-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.rb-head b { font-size: 15px; }
.rb-count { font-size: 12px; font-weight: 800; color: var(--ink-soft); background: var(--panel-2); border: 1px solid var(--line); border-radius: 20px; padding: 1px 9px; min-width: 22px; text-align: center; }
.rb-lock { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--warn); background: color-mix(in srgb, var(--warn) 14%, transparent); border: 1px solid color-mix(in srgb, var(--warn) 40%, var(--line)); border-radius: 20px; padding: 2px 8px; }
.rb-empty { padding: 16px; text-align: center; color: var(--ink-soft); font-size: 13px; background: var(--panel-2); border: 1px dashed var(--line-strong); border-radius: 10px; line-height: 1.5; }
.rb-item { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--line); }
.rb-item:last-child { border-bottom: 0; }
.rb-ic { font-size: 20px; flex: 0 0 auto; }
.rb-info { flex: 1; min-width: 0; }
.rb-info b { display: block; font-size: 14px; }
.rb-meta { display: block; font-size: 11.5px; color: var(--ink-soft); margin-top: 1px; }
.rb-actions { display: flex; gap: 6px; flex: 0 0 auto; }
@media (max-width: 480px) {
  .rb-item { flex-wrap: wrap; }
  .rb-actions { width: 100%; }
  .rb-actions .btn { flex: 1; justify-content: center; }
}