/* Manzo account sub-module. Cascade order is enforced by inc/assets.php. */

/* ---------- Addresses ---------- */
.mz-addr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-4);
}
@media (max-width: 720px) { .mz-addr-grid { grid-template-columns: 1fr; } }
.mz-addr {
  display: flex; flex-direction: column;
  gap: var(--s-4);
  padding: var(--s-5);
  background: var(--paper-2);
  border: 1px solid var(--border);
  border-radius: var(--r-2);
  transition: border-color var(--d-1) var(--ease);
}
.mz-addr:hover { border-color: var(--ink-1); }
.mz-addr__head {
  display: flex; flex-direction: column; gap: var(--s-1);
  padding-bottom: var(--s-3);
  border-bottom: 1px solid var(--border);
}
.mz-addr__label {
  font-size: var(--t-xs);
  letter-spacing: var(--tr-micro);
  text-transform: uppercase;
  color: var(--ink-3);
}
.mz-addr__body {
  font-style: normal;
  font-size: var(--t-base);
  line-height: 1.55;
  color: var(--ink-1);
}
.mz-addr__empty { color: var(--ink-3); font-style: italic; }
.mz-addr__extra {
  margin: 0;
  display: flex; flex-wrap: wrap; gap: var(--s-4);
  padding-top: var(--s-3);
  border-top: 1px dashed var(--border);
}
.mz-addr__extra > div { display: flex; flex-direction: column; gap: 2px; min-width: 80px; }
.mz-addr__extra dt { font-size: 9px; color: var(--ink-3); letter-spacing: var(--tr-micro); text-transform: uppercase; }
.mz-addr__extra dd { margin: 0; font-size: var(--t-sm); color: var(--ink-1); }
.mz-addr__foot {
  margin-top: auto;
  padding-top: var(--s-2);
}