/* Khung tải xuống (dark) */
.dl-box{
  margin: 14px 0 18px;
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px 14px;
}
.dl-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.dl-title{ font-weight:700; }
.dl-count-all{ color: var(--muted); font-size: 13px; }

.dl-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.dl-item{
  display:flex; align-items:center; justify-content:space-between;
  background: rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius: 12px; padding:10px 12px;
}
.dl-meta{ min-width:0; }
.dl-name{ display:block; color:#e9edf2; font-weight:600; }
.dl-sub{ display:block; color: var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; max-width: 52vw; }

.dl-actions{ display:flex; align-items:center; gap:10px; }
.wt-dl-btn{
  display:inline-flex; align-items:center; gap:6px;
  background: var(--accent); color:#111; border:none;
  padding:8px 12px; border-radius:10px; text-decoration:none; font-weight:700;
}
.wt-dl-btn:hover{ filter: brightness(1.05); }
.dl-hit{ color: var(--muted); font-size: 12px; }

/* Mobile */
@media (max-width: 640px){
  .dl-item{ flex-direction: column; align-items:flex-start; gap:8px; }
  .dl-sub{ max-width: 100%; }
  .dl-actions{ width:100%; justify-content:space-between; }
}
.wt-dl-btn.disabled{
  background: #444; 
  color: #ccc;
  cursor: not-allowed;
  pointer-events: auto; /* vẫn click để vào trang login */
}
.wt-dl-btn.disabled:hover{
  filter:none;
  border:none;
}