.duplicate-button,
.roster-drag-handle {
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 700;
}

.duplicate-button {
  border: 1px solid #c8b58d;
  color: #59471e;
  background: #fffaf0;
}

.duplicate-button:hover { background: #f6ecd7; }

.roster-drag-handle {
  width: 36px;
  padding: 6px;
  border: 1px solid #c9c1b3;
  color: var(--muted);
  background: #f8f5ef;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.roster-drag-handle:active { cursor: grabbing; }

.roster-card-dragging {
  opacity: .55;
  box-shadow: 0 5px 18px rgba(0,0,0,.12);
}

.roster-card-drop-before {
  box-shadow: inset 0 4px 0 var(--accent);
}

.roster-card-drop-after {
  box-shadow: inset 0 -4px 0 var(--accent);
}

@media (max-width: 620px) {
  .roster-card-actions {
    flex-wrap: wrap;
  }

  .roster-drag-handle {
    order: -1;
  }
}