/* ── Allocation ──────────────────────────────────────────────────────────── */

.portfolio-form { display: grid; gap: 16px; }
.portfolio-card { display: grid; gap: 10px; }
.portfolio-card-pending { border-top-color: color-mix(in srgb, var(--status-warn) 55%, var(--border) 45%); }
.portfolio-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.portfolio-card-head h3 { margin-bottom: 4px; }
.portfolio-lead { margin: 0; }
.portfolio-percent {
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
}
.portfolio-percent-slider { width: 100%; }
.portfolio-summary {
  margin: 0;
  font-size: 13px;
  color: var(--text-2);
  line-height: 1.5;
}
.portfolio-summary strong { color: var(--text-1); }
.toggle-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-2) 72%, transparent);
  color: var(--text-1);
}
.toggle-card input[type=checkbox] {
  width: auto;
  margin: 0;
  accent-color: var(--interactive);
}
.portfolio-advanced {
  border-top: 1px solid var(--border);
  padding-top: 10px;
}
.portfolio-advanced summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  color: var(--text-2);
  list-style: none;
}
.portfolio-advanced summary::-webkit-details-marker { display: none; }
.portfolio-advanced[open] summary { margin-bottom: 12px; color: var(--text-1); }
.portfolio-wallet-details { margin-top: 14px; }