.storage-panel {
  background: color-mix(in srgb, var(--accent-soft) 46%, var(--card));
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius: 16px;
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 16px;
}
.storage-panel div { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px; }
.storage-panel strong { font-size: 22px; }
.storage-panel span, .storage-panel p { color: var(--muted); margin: 0; }
.storage-panel meter { height: 12px; width: 100%; }
.pricing-panel { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); margin-top: 14px; }
.pricing-card {
  background: var(--card-strong);
  border: 1px solid var(--line);
  border-radius: 16px;
  display: grid;
  gap: 8px;
  padding: 14px;
}
.pricing-card.active { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: var(--shadow-soft); }
.pricing-card h3, .pricing-card p { margin: 0; }
.pricing-card strong { font-size: 20px; }
.pricing-card span, .pricing-card small, .pricing-card p { color: var(--muted); }
.trash-list { border-top: 1px solid var(--line); display: grid; gap: 10px; margin-top: 16px; padding-top: 14px; }
.trash-list h3 { margin: 0; }
.trash-row {
  align-items: center;
  background: color-mix(in srgb, var(--card-strong) 58%, transparent);
  border: 1px solid var(--line);
  border-radius: 16px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px;
}
.trash-row div { display: grid; gap: 5px; min-width: 0; }
.trash-row span { color: var(--muted); font-size: 12px; }
.trash-row nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.trash-row form { margin: 0; }
@media (max-width: 760px) {
  .trash-row { align-items: stretch; flex-direction: column; }
  .trash-row nav { justify-content: flex-start; }
}