/* AI Compute: the WhatsApp QR and the configuration form on the system and rack pages (Oct 8 2026).
   Linked after ai-compute.css by scripts/build_ai_compute.py; uses that sheet's tokens (--ac-*) and its form classes. */

/* WhatsApp QR, on how-ordering-works and vendor-info */
.ac-wa-qr{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 14px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r)}
.ac-wa-qr a{display:block;line-height:0}
.ac-wa-svg{display:block;width:176px;height:176px}
.ac-wa-qr figcaption{font-size:14px;font-weight:600;color:var(--ac-ink-2)}

/* Configuration form, on every system and rack page */
.ac-config{margin-top:40px;padding:28px 24px 24px;background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r)}
.ac-config > h2{margin:0 0 6px}
.ac-config-lead{margin:0 0 22px;color:var(--ac-ink-2);font-size:16px}
.ac-config .ac-form fieldset{padding:20px 20px 10px;margin-bottom:20px;gap:14px 22px}
.ac-config .ac-form legend{font-size:17px}
.ac-config .ac-field{margin-bottom:6px}
.ac-config .ac-field label{font-weight:600}
.ac-config details.ac-config-more{margin:0 0 20px;border:1px solid var(--ac-line);border-radius:var(--ac-r);background:#fff}
.ac-config details.ac-config-more > summary{cursor:pointer;padding:16px 20px;font-family:var(--ac-display);font-weight:700;font-size:17px;list-style:none}
.ac-config details.ac-config-more > summary::-webkit-details-marker{display:none}
.ac-config details.ac-config-more > summary::after{content:"+";float:right;font-family:var(--ac-mono);color:var(--ac-ink-3)}
.ac-config details.ac-config-more[open] > summary::after{content:"\2212"}
.ac-config details.ac-config-more > fieldset{border:0;border-top:1px solid var(--ac-line-2);border-radius:0;margin:0}
.ac-config .ac-config-done{padding:16px 18px;border-radius:6px;background:#eaf6ef;border:1px solid #b9dfc9;color:var(--ac-good);font-weight:600}
.ac-config .ac-config-done p{margin:0}
.ac-config .ac-config-done p + p{margin-top:6px;font-weight:500;color:var(--ac-ink-2)}
.ac-config .ac-turnstile:empty{display:none}
@media (max-width:640px){.ac-config{padding:22px 16px 18px}.ac-config .ac-form fieldset{padding:16px 14px 6px}}

/* The header contact strip carries three links since the WhatsApp link joined; on a phone they share one line */
@media (max-width:420px){.ac-topbar{font-size:12px}.ac-topbar-row{gap:10px}}