.cover-controls {
  position: absolute;
  inset: auto 12px 12px;
  display: grid;
  gap: 6px;
}

.detail-cover .cover-controls label,
.detail-cover .cover-controls button {
  position: static;
  padding: 10px;
  border: 1px solid #ffffff20;
  border-radius: 10px;
  color: var(--text);
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  background: #090d18dd;
}

.detail-cover .cover-controls button { color: #ff9faf; }

.collab-history {
  display: grid;
  gap: 10px;
  margin-top: 24px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #090e19aa;
}

.collab-history h3 { margin: 0 0 4px; }
.collab-history article { display: grid; grid-template-columns: 8px 1fr; gap: 10px; }
.collab-history article > i { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px #72e6ff99; }
.collab-history article div { display: grid; grid-template-columns: minmax(80px,auto) 1fr auto; gap: 8px; align-items: center; }
.collab-history article b { overflow: hidden; max-width: 210px; color: #dff8ff; font: 10px monospace; text-overflow: ellipsis; }
.collab-history article span { font-size: 11px; }
.collab-history article small { color: var(--muted); font-size: 9px; }

.header-actions { display: flex; align-items: center; gap: 9px; }
.workshop-entry { padding: 9px 13px; border: 1px solid var(--line); border-radius: 10px; color: var(--cyan); text-decoration: none; background: #151d2e; }