#recycle-content { max-width: 1100px; }
.recycle-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid #e0e5ed; }
.recycle-toolbar > span { color: #687386; }
.recycle-toolbar button, .recycle-actions button { border: 1px solid #d9e0eb; background: #fff; padding: 9px 14px; font-size: 14px; }
.recycle-toolbar button, .recycle-actions [data-action="remove"] { color: #a43b49; }
.recycle-toolbar button:disabled { opacity: .45; cursor: default; }
.recycle-message { min-height: 22px; margin: 12px 0; color: #566173; font-size: 14px; }
.recycle-list { list-style: none; margin: 0; padding: 0; }
.recycle-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; margin-bottom: 12px; border: 1px solid #e0e5ed; border-radius: 10px; background: #fff; }
.recycle-details { min-width: 0; }
.recycle-kind { display: inline-block; padding: 3px 8px; margin: 0 10px 8px 0; border-radius: 4px; color: #285ccc; background: #edf2fb; font-size: 12px; }
.recycle-title { overflow-wrap: anywhere; }
.recycle-time { display: block; color: #7b8492; font-size: 13px; }
.recycle-actions { display: flex; flex-shrink: 0; gap: 8px; }
.recycle-actions [data-action="restore"] { color: #285ccc; background: #edf2fb; border-color: #edf2fb; }
.recycle-empty { text-align: center; color: #7b8492; padding: 50px 16px; }
@media (max-width: 760px) { .recycle-row { align-items: flex-start; flex-direction: column; } .recycle-actions { align-self: flex-end; } }
.recycle-confirm { width: min(460px, calc(100vw - 40px)); border: 1px solid #d9e0eb; border-radius: 12px; padding: 24px; color: #242b38; }
.recycle-confirm::backdrop { background: rgb(20 30 50 / 35%); }
.recycle-confirm h2 { margin: 0 0 14px; font-size: 20px; }
.recycle-confirm p { color: #566173; overflow-wrap: anywhere; }
.recycle-confirm-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.recycle-confirm-actions [data-action="confirm"] { background: #b73e4e; color: white; }
/* Legacy recycle rows and type labels. */
#recycle-content { max-width:1000px; }
#recycle-content .recycle-row { display:grid; grid-template-columns:96px minmax(0,1fr) 172px 128px; align-items:center; gap:12px; padding:13px 16px; margin-bottom:8px; border-radius:11px; background:var(--card-bg); border:1px solid var(--card-bd); box-shadow:var(--sh-card); }
#recycle-content .recycle-details { display:contents; }
#recycle-content .recycle-kind { font-size:11px; font-weight:700; color:var(--tx-sub); letter-spacing:.4px; background:transparent; padding:0; margin:0; }
#recycle-content .recycle-title { font-size:13.5px; font-weight:600; color:var(--tx); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#recycle-content .recycle-time { font-size:11.5px; color:var(--tx-faint); font-variant-numeric:tabular-nums; text-align:right; }
#recycle-content .recycle-actions { display:flex; gap:6px; justify-content:flex-end; }
#recycle-content .recycle-actions button { font-size:11.5px; padding:5px 10px; border-radius:7px; border:1px solid var(--field-bd); background:var(--field-bg); color:var(--tx-sub); white-space:nowrap; }
#recycle-content .recycle-actions button:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
#recycle-content .recycle-toolbar button { font-size:12px; color:var(--red); padding:7px 12px; border-radius:var(--r-xs); border:1px solid var(--red); background:var(--red-soft); }
@media(max-width:760px) { #recycle-content .recycle-row { grid-template-columns:80px minmax(0,1fr); } #recycle-content .recycle-time { text-align:left; } }