/* Usado por Components/UI/Card.razor */
.card {
  background: var(--surface); border: var(--border-w) solid var(--line);
  border-radius: var(--r); padding: 20px;
}
.card + .card { margin-top: 14px; }
.card-title {
  font-size: var(--fs-sm); font-weight: 600; margin-bottom: 14px;
  display: flex; justify-content: space-between; align-items: center;
}
.card-title .hint { font-weight: 400; color: var(--ink-3); font-size: var(--fs-xs); }