/* Customer portal (dashboard.zynoptes.com) — page-specific rules on top of /shell.css. */

#usage-root { display: grid; gap: 20px; }

/* Activation */
.activate-form { max-width: 420px; margin: 0 auto; width: 100%; }

/* Allowance metric card carries the meter */
#cards .metric:first-child { grid-column: span 2; }

/* CLI key forms */
.key-form { display: flex; gap: 10px; align-items: end; max-width: 520px; }
.key-form label { flex: 1; }
.key-form button { flex: none; }
.issued { display: grid; gap: 8px; }

@media (max-width: 700px) {
  #cards .metric:first-child { grid-column: auto; }
  .key-form { flex-direction: column; align-items: stretch; }
}