/* Admin console and Build-your-agent page. Colours, type and focus come from design-system.css (loaded first, then site-nav.css);
   the legacy variable names used by build-agent.css and the setup-prompt markup are aliases of the shared tokens. */
body.tool-page { --bg: var(--ds-bg); --panel: var(--ds-surface); --line: var(--ds-line); --text: var(--ds-text); --dim: var(--ds-text-muted); --accent: var(--ds-cyan); --good: var(--ds-ok); margin: 0; font-size: var(--ds-fs-md); line-height: 1.55; }
.tool-page *, .tool-page *::before, .tool-page *::after { box-sizing: border-box; }
.tool-page :focus-visible { outline: none; box-shadow: var(--ds-focus); }
.tool-page main { padding-block: var(--ds-space-6) var(--ds-space-7); }
.tool-page header h1 { font: 800 var(--ds-fs-xl)/1.15 var(--ds-font-display); letter-spacing: .01em; text-transform: uppercase; margin: var(--ds-space-1) 0 var(--ds-space-5); }
.tool-page section { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-radius-lg); padding: var(--ds-space-4) var(--ds-space-5); margin: 0 0 var(--ds-space-4); }
.tool-page h2 { margin: 0 0 var(--ds-space-2); font: 800 var(--ds-fs-lg)/1.2 var(--ds-font-display); text-transform: uppercase; }
.tool-page h3 { margin: 0 0 var(--ds-space-1); font-size: var(--ds-fs-md); }
.tool-page .plain { margin: 0; padding-left: 20px; }
.tool-page .steps { margin: 0; padding-left: 22px; display: grid; gap: var(--ds-space-3); }
.tool-page .steps p { margin: 4px 0; }
.tool-page code, .tool-page kbd { background: rgba(140, 170, 255, .14); padding: 1px 5px; border-radius: var(--ds-radius-sm); font-size: .92em; }
.tool-page main a { color: var(--ds-cyan); }
.tool-page main a:hover { color: var(--ds-text); }
.tool-page .prompt-head { display: flex; justify-content: space-between; align-items: center; gap: var(--ds-space-3); flex-wrap: wrap; }
.tool-page #copy { padding: 7px 14px; background: var(--ds-cta); color: var(--ds-cta-ink); border: 0; border-radius: var(--ds-radius-md); font-weight: 700; cursor: pointer; }
.tool-page #copy.done { background: var(--ds-ok); }
.tool-page pre { margin: var(--ds-space-3) 0 0; padding: var(--ds-space-3); background: var(--ds-bg-raised); border: 1px solid var(--ds-line); border-radius: var(--ds-radius-md); white-space: pre-wrap; word-break: break-word; font: var(--ds-fs-sm)/1.5 var(--ds-font-mono); max-height: 460px; overflow: auto; }
.tool-page .faq dt { font-weight: 700; margin-top: var(--ds-space-3); }
.tool-page .faq dd { margin: 2px 0 0; color: var(--ds-text-muted); }
.tool-page .help-mode-guides { overflow-wrap: anywhere; }
.tool-page footer { color: var(--ds-text-muted); font-size: var(--ds-fs-sm); text-align: center; margin-top: var(--ds-space-5); }
.admin-console article { overflow-wrap: anywhere; margin-bottom: var(--ds-space-4); }
.tool-page main button { min-width: 44px; min-height: 44px; padding: var(--ds-space-2) var(--ds-space-4); margin: 4px 8px 4px 0; border: 1px solid var(--ds-line-strong); border-radius: 6px; background: var(--ds-surface-2); color: var(--ds-text); font: inherit; cursor: pointer; }
.tool-page main button:disabled { cursor: wait; }
.admin-console input, .admin-console select { min-height: 44px; padding: 6px 10px; border: 1px solid var(--ds-line-strong); border-radius: 6px; background: var(--ds-surface-2); color: var(--ds-text); font: inherit; }

.growth-page form, .growth-page label { display: grid; gap: var(--ds-space-2); }
.growth-page form { margin-bottom: var(--ds-space-4); }
.growth-page input, .growth-page select, .growth-page textarea { min-width: 0; max-width: 100%; min-height: 44px; padding: 8px; color: var(--ds-text); background: var(--ds-surface-2); border: 1px solid var(--ds-line-strong); border-radius: 6px; font: inherit; }
.growth-page output { display: block; overflow-wrap: anywhere; }