/**
 * Getting set up — the checklist, the shape questions, the chips, the
 * identity preview. MOVED out of assets/pages/dmm/getting-set-up.php's
 * <style> block on 2026-09-03: the wizard renders the same partials inside
 * the welcome MODAL, by AJAX, where a page's inline style block never
 * arrives — the shape answers came out inline and bold there. Enqueued by
 * AIEO_Wizard::enqueue_styles(), so every page that draws the wizard has it.
 *
 * @since 11.1.12
 */
.aieo-gsu-lede { font-size: 17px; font-weight: 600; color: #101517; margin: 0; line-height: 1.4; }
.aieo-gsu-provenance { margin: 0; padding: 10px 14px; border-radius: 8px; background: #f0f6fc; border: 1px solid #c5d9ed; color: #0a4b78; font-size: 13px; }
.aieo-gsu-provenance a { font-weight: 600; }
.aieo-gsu-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.aieo-gsu-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;
	border: 1px solid color-mix(in srgb, var(--aieo-group-accent, #212222) 35%, #fff);
	background: color-mix(in srgb, var(--aieo-group-accent, #212222) 8%, #fff); color: #1d2327; }
.aieo-gsu-link { font-size: 12px; text-decoration: underline; cursor: pointer; padding: 0; color: #2271b1; background: none; border: 0; }
.aieo-gsu-form .aieo-gsu-q { border: 0; padding: 0; margin: 0 0 14px; }
.aieo-gsu-form legend { font-weight: 600; font-size: 13px; margin-bottom: 6px; color: #1d2327; }
.aieo-gsu-opt { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 5px; font-size: 13px; line-height: 1.45; }
.aieo-gsu-opt input { margin-top: 2px; }
.aieo-gsu-opt--muted span { color: #6b7280; }
.aieo-gsu-inline { display: inline; margin: 0; }
.aieo-gsu-num { position: relative; padding-left: 52px; }
.aieo-gsu-n { position: absolute; left: 16px; top: 16px; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 13px; background: #101517; color: #fff; }
.aieo-gsu-waiting { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.aieo-gsu-waiting li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #374151; }
.aieo-gsu-clock { color: #6b7280; flex: none; }
.aieo-gsu-stage + .aieo-gsu-stage { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eef0f3; }
.aieo-gsu-stage-head { display: flex; align-items: baseline; gap: 10px; }
.aieo-gsu-stage-head h3 { margin: 0; font-size: 15px; font-weight: 600; }
.aieo-gsu-count { font-size: 12px; color: #6b7280; font-weight: 500; }
.aieo-gsu-stage-why { margin: 4px 0 10px !important; }
.aieo-gsu-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.aieo-gsu-step { display: flex; gap: 10px; padding: 8px 10px; border-radius: 8px; border: 1px solid #e4e4e7; background: #fff; }
.aieo-gsu-state { flex: none; width: 20px; text-align: center; font-weight: 700; line-height: 1.4; }
.aieo-gsu-step.is-satisfied { background: #fafbfc; }
.aieo-gsu-step.is-satisfied .aieo-gsu-state { color: #15803d; }
.aieo-gsu-step.is-satisfied .aieo-gsu-detail { display: inline; }
.aieo-gsu-step.is-partial .aieo-gsu-state { color: #b45309; }
.aieo-gsu-step.is-open .aieo-gsu-state { color: #6b7280; }
.aieo-gsu-step.is-na, .aieo-gsu-step.is-dismissed { background: #fafbfc; color: #6b7280; }
.aieo-gsu-step.is-na .aieo-gsu-label { text-decoration: line-through; }
.aieo-gsu-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.aieo-gsu-label { font-size: 13px; font-weight: 600; color: #1d2327; }
.aieo-gsu-step.is-satisfied .aieo-gsu-label { font-weight: 500; }
.aieo-gsu-detail { font-size: 12px; color: #4b5563; }
.aieo-gsu-dark { font-size: 12px; color: #6b7280; font-style: italic; }
.aieo-gsu-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 4px; }
.aieo-gsu-tier { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: .04em; background: #ede9fe; color: #5b21b6; vertical-align: 1px; }
.aieo-gsu-hidden { margin-top: 8px; }
.aieo-gsu-hidden summary { cursor: pointer; font-size: 12px; color: #6b7280; }
.aieo-gsu-hidden .aieo-gsu-steps { margin-top: 8px; }
.aieo-gsu-firstwin { border-left: 4px solid var(--aieo-group-accent, #212222); }
.aieo-gsu-prompt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 13px; }
.aieo-gsu-prompt .button { margin: 0; }
/* The one step allowed to look urgent: a legal obligation, only while open. */
.aieo-gsu-step.is-urgent { border-color: #f59e0b; background: #fffbeb; }
.aieo-gsu-step.is-urgent .aieo-gsu-state { color: #b45309; }
.aieo-gsu-set { display: block; margin: 0 0 8px; }
/* The identity as it will be shown (§5.5). */
.aieo-gsu-id { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.aieo-gsu-id-pane { border: 1px solid #e4e4e7; border-radius: 8px; padding: 12px; background: #fff; min-width: 0; }
.aieo-gsu-id-pane h4 { margin: 0 0 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; font-weight: 600; }
.aieo-gsu-og { border: 1px solid #d1d5db; border-radius: 8px; overflow: hidden; }
.aieo-gsu-og-img { height: 110px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; }
.aieo-gsu-og-img img { max-height: 90px; max-width: 80%; object-fit: contain; }
.aieo-gsu-og-body { padding: 8px 10px; }
.aieo-gsu-og-host { font-size: 11px; color: #6b7280; text-transform: uppercase; }
.aieo-gsu-og-title { font-weight: 600; font-size: 13px; color: #111827; }
.aieo-gsu-og-desc { font-size: 12px; color: #4b5563; }
.aieo-gsu-inv { display: flex; gap: 10px; align-items: flex-start; }
.aieo-gsu-inv img { width: 56px; height: 56px; object-fit: contain; flex: none; }
.aieo-gsu-inv-lines { font-size: 12px; color: #374151; line-height: 1.5; }
.aieo-gsu-inv-lines strong { display: block; font-size: 13px; color: #111827; }
.aieo-gsu-jsonld { font-size: 11px; line-height: 1.45; margin: 0; white-space: pre-wrap; word-break: break-word; color: #1f2937; background: #f9fafb; padding: 8px; border-radius: 6px; max-height: 220px; overflow: auto; }
.aieo-gsu-preset textarea { width: 100%; font-family: Menlo, Consolas, monospace; font-size: 11px; }

/* ── Inside the wizard, and inside the welcome modal ───────────────────
 * The questions are the bold thing; the answers are plain, one under the
 * other. Restated with the modal's own id so the survey card's label rules
 * cannot outweigh them (specificity, never load order). */
.aieo-wizard .aieo-gsu-form legend,
#aieo-form .aieo-gsu-form legend { font-weight: 700; font-size: 14px; color: #1d2327; margin-bottom: 8px; }
.aieo-wizard .aieo-gsu-opt,
#aieo-form .aieo-gsu-opt { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; font-weight: 400; font-size: 13px; line-height: 1.45; }
.aieo-wizard .aieo-gsu-opt span,
#aieo-form .aieo-gsu-opt span { font-weight: 400; }
.aieo-wizard .aieo-gsu-opt--muted span,
#aieo-form .aieo-gsu-opt--muted span { color: #6b7280; }