/* Yail.Build — module-specific overrides on top of /_content/Yail.Shared.Web/css/yail.css.
   Surfaces, fonts, accent colour all flow from the "build" DaisyUI theme (#7c3aed). */

/* --- Home hero art: 8-stage refinement wizard preview --- */
.bd-art { display:flex; flex-direction:column; gap:6px; height:100%; padding:4px; }
.bd-row { display:grid; grid-template-columns:24px 1fr auto auto; gap:10px; align-items:center; padding:9px 12px; background:#fff; border:1px solid var(--yail-stone); border-radius:10px; font-size:12.5px; text-decoration:none; color:var(--yail-ink); }
.bd-row a, .bd-row.link:hover { text-decoration:none; }
.bd-row.link:hover { border-color:var(--yail-coffee); }
.bd-row.current { border-color:var(--yail-coffee); box-shadow:0 0 0 2px rgba(124,58,237,0.08); }
.bd-row.gated { background:var(--yail-cream); }
.bd-row.gated .bd-box { background:var(--yail-coffee); border-color:var(--yail-coffee); color:#fff; font-weight:700; }
.bd-row.gated .bd-box::after { content:"✓"; }
.bd-row.needs-review .bd-box { background:rgba(212,165,111,0.25); border-color:#D4A56F; }
.bd-box { width:20px; height:20px; border-radius:5px; border:1.5px solid var(--yail-stone); display:flex; align-items:center; justify-content:center; font-size:11px; }
.bd-stage-name { font-weight:500; color:var(--yail-ink); flex:1; }
.bd-conf { font-size:10px; color:var(--yail-mocha); font-family:ui-monospace,"SF Mono",Menlo,monospace; }
.bd-state-pill { font-size:9px; padding:2px 6px; border-radius:4px; background:var(--yail-cream); color:var(--yail-coffee); border:1px solid var(--yail-stone); letter-spacing:.06em; font-weight:600; text-transform:uppercase; }
.bd-state-pill.gated { background:rgba(95,122,58,0.15); color:#5F7A3A; border-color:rgba(95,122,58,0.3); }
.bd-state-pill.challenged { background:rgba(212,165,111,0.18); color:#8B5E1F; border-color:rgba(212,165,111,0.35); }
.bd-state-pill.needs-review { background:rgba(212,165,111,0.18); color:#8B5E1F; border-color:rgba(212,165,111,0.35); }

/* --- Bundle list preview rows --- */
.bd-bun-row { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:10px 14px; background:#fff; border:1px solid var(--yail-stone); border-radius:8px; text-decoration:none; color:var(--yail-ink); }
.bd-bun-row:hover { border-color:var(--yail-coffee); }
.bd-bun-ver { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12px; padding:3px 8px; border-radius:6px; background:var(--yail-coffee); color:#fff; }
.bd-bun-name { font-size:13px; font-weight:500; }
.bd-bun-when { font-size:11px; color:var(--yail-mocha); }
