/* No centered width cap: use the entire space beside the navigation. */
.app-body main { width:100%; max-width:none; margin:0; padding-left:20px; padding-right:20px; }
.form-panel { width:100%; max-width:none; }
.guest[data-page="Account"] main:has(.form-panel) { width:100%; max-width:none; margin:0; padding:24px 20px; }
@media(max-width:650px) {
  .app-body main { padding-left:16px; padding-right:16px; }
}

/* Keep environment status within the existing header, without a content banner. */
.app-body main { padding-top:16px; }
.test-mode-badge { display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #f0d7a5;border-radius:20px;background:#fff8e9;color:#805b16;font-size:10px;line-height:1.2;white-space:nowrap; }
.test-mode-dot { width:5px;height:5px;border-radius:50%;background:#b67d16;flex-shrink:0; }
.test-mode-short { display:none; }
@media(max-width:700px) {
  .test-mode-label { display:none; }
  .test-mode-short { display:inline; }
  .test-mode-badge { padding:4px 6px;font-size:9px;gap:4px; }
  .app-body .header-actions { gap:8px; }
  .app-body main { padding-top:12px; }
}