/* Guild console: layout glue on top of tokens.css. Tokens only; no new colours, sizes or radii. */
.stack { display: flex; flex-direction: column; gap: var(--shell-gap); }
.card-head { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); }
.card-title { flex: 1; margin: 0; font-size: var(--text-body); line-height: var(--leading-body); font-weight: var(--font-weight-semibold); }
.card-body { display: flex; flex-direction: column; gap: var(--space-4); padding: 0 var(--space-4) var(--space-4); }
.card-body > p { margin: 0; }
.table { width: 100%; border-collapse: collapse; }
.table td { padding: var(--space-3) var(--space-4); border-bottom: var(--border-hairline) solid var(--color-border); vertical-align: top; }
.table tr:last-child > td { border-bottom: 0; }
.table .num { text-align: right; font-variant-numeric: tabular-nums slashed-zero; }
.table-scroll { overflow-x: auto; }
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--shell-gap); align-items: start; }
.span-4 { grid-column: span 4; }
.span-6 { grid-column: span 6; }
.span-8 { grid-column: span 8; }
.span-12 { grid-column: span 12; }
.actions-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.thread { margin: 0; padding: 0; list-style: none; }
.thread > li { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-3) var(--space-4); border-top: var(--border-hairline) solid var(--color-border); }
.thread-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--text-body-sm); line-height: var(--leading-body-sm); }
.thread-body { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.chain-orders { margin: 0; padding: 0 var(--space-4) var(--space-4); list-style: none; }
.chain-orders ul { margin: 0; padding-left: var(--space-6); list-style: none; }
.chain-orders li { padding: var(--space-1) 0; }
.chain-orders a[aria-current] { font-weight: var(--font-weight-semibold); }
.new-token { display: flex; flex-direction: column; gap: var(--space-2); }
@media (max-width: 1199px) { .span-4, .span-6, .span-8 { grid-column: span 12; } }
/* shortcut: below 768px the nav stacks above the content instead of becoming a drawer; add the drawer when the console is used on phones. */
@media (max-width: 767px) {
  .app-shell { flex-direction: column; }
  .side-nav { position: static; width: 100%; height: auto; }
}