/* swavo-admin: a few layout rules on top of packages/design (tokens.css, base.css). */
body { background: var(--bg); color: var(--text); font-family: var(--font-sans); margin: 0; }
.shell { max-width: 46rem; margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-16); }
.top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-8); }
.top .brand { display: flex; align-items: center; gap: var(--space-2); font-family: var(--font-display); font-size: var(--text-lg); color: var(--text); text-decoration: none; }
.top .brand img { width: 28px; height: 28px; }
h1 { font-family: var(--font-display); font-size: var(--text-2xl); margin: 0 0 var(--space-4); }
h2 { font-family: var(--font-display); font-size: var(--text-lg); margin: var(--space-8) 0 var(--space-3); }
.stack > * + * { margin-top: var(--space-3); }
.row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--divider); }
.row:last-child { border-bottom: 0; }
.actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.summary { font-size: var(--text-lg); }
form.inline { display: inline; margin: 0; }
code { font-family: var(--font-mono); overflow-wrap: anywhere; }
[hidden] { display: none !important; }