.hhd-aw-r02-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:.25rem 0 1rem}.hhd-aw-r02-status-grid>div{display:grid;gap:.2rem;padding:.85rem;border:1px solid var(--hhd-border-subtle,#d9dee7);border-radius:.8rem;background:var(--hhd-surface-raised,#fff)}.hhd-aw-r02-status-grid span{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.hhd-aw-r02-status-grid strong{font-size:.96rem}.hhd-aw-r02-status-grid small{opacity:.7;line-height:1.35}.hhd-aw-r02-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.hhd-aw-r02-snippet{display:grid;gap:.5rem;margin-top:1rem}.hhd-aw-r02-snippet label{font-weight:700}.hhd-aw-r02-snippet textarea{width:100%;min-height:6rem;padding:.75rem;border:1px solid var(--hhd-border-subtle,#d9dee7);border-radius:.65rem;background:var(--hhd-surface-canvas,#f7f8fa);color:inherit;font:500 .82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.hhd-aw-r02-help{margin:.65rem 0 0;opacity:.78}.hhd-aw-r02-diagnostics{margin-top:1rem}.hhd-aw-r02-diagnostics summary{cursor:pointer;font-weight:650}.hhd-aw-r02-knowledge-callout{margin-top:1rem;padding:1rem;border:1px solid var(--hhd-border-subtle,#d9dee7);border-radius:.8rem}.hhd-aw-r02-knowledge-callout p{margin:.35rem 0 0;opacity:.82}.hhd-aw-r02-legacy{margin-top:1rem}.hhd-aw-r02-legacy>summary{cursor:pointer;font-weight:700;padding:.8rem 0}.hhd-aw-r02-legacy-note{margin:.25rem 0 1rem;opacity:.72}@media(max-width:900px){.hhd-aw-r02-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hhd-aw-r02-status-grid{grid-template-columns:1fr}.hhd-aw-r02-actions>*{width:100%}}


/* R02-I01-FIX01 — product-level onboarding journey */
.hhd-r02-onboarding { display:grid; gap:1rem; padding:1rem 0; }
.hhd-r02-onboarding-heading, .hhd-r02-project-main { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.hhd-r02-onboarding-heading h2, .hhd-r02-project-card h3 { margin:.2rem 0 .35rem; }
.hhd-r02-onboarding-heading p { margin:0; color:var(--hhd-text-secondary); max-width:72ch; }
.hhd-r02-eyebrow, .hhd-r02-project-status, .hhd-r02-project-next span { display:block; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--hhd-accent); }
.hhd-r02-onboarding-new-project, .hhd-r02-project-card, .hhd-r02-onboarding-empty { border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-lg); background:var(--hhd-surface-panel); padding:1rem; box-shadow:var(--hhd-shadow-xs); }
.hhd-r02-onboarding-new-project { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:1rem; }
.hhd-r02-field { display:grid; gap:.35rem; align-content:start; align-self:start; grid-auto-rows:max-content; }
.hhd-r02-field label { font-weight:650; }
.hhd-r02-field label span, .hhd-r02-field small { color:var(--hhd-text-secondary); font-weight:400; }
.hhd-r02-field input { box-sizing:border-box; height:var(--hhd-control-height); min-height:var(--hhd-control-height); border:1px solid var(--hhd-border-strong); border-radius:var(--hhd-radius-sm); background:var(--hhd-surface-elevated); color:var(--hhd-text-primary); padding:.6rem .75rem; }
.hhd-r02-onboarding-actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin-top:.8rem; }
.hhd-r02-authority-confirmation { grid-column:1 / -1; display:flex; align-items:flex-start; gap:.55rem; color:var(--hhd-text-secondary); }
.hhd-r02-authority-confirmation input { margin-top:.2rem; width:1rem; height:1rem; }
.hhd-r02-onboarding-new-project .hhd-r02-onboarding-actions { grid-column:1 / -1; margin-top:0; }
.hhd-r02-project-list { display:grid; gap:1rem; }
.hhd-r02-project-card { display:grid; gap:.8rem; }
.hhd-r02-project-main a { color:var(--hhd-accent); word-break:break-all; }
.hhd-r02-project-next { min-width:12rem; padding:.65rem .8rem; border-radius:var(--hhd-radius-sm); background:var(--hhd-surface-subtle); }
.hhd-r02-connect-step { padding-top:.85rem; border-top:1px solid var(--hhd-border-subtle); }
.hhd-r02-connect-step h4 { margin:0 0 .35rem; }
.hhd-r02-connect-step p { color:var(--hhd-text-secondary); }
.hhd-r02-connect-step textarea { width:100%; resize:vertical; border:1px solid var(--hhd-border); border-radius:var(--hhd-radius-sm); background:#0d1b31; color:#f7f9fc; padding:.75rem; font-family:var(--hhd-font-mono); font-size:.78rem; }
@media (max-width: 700px) {
  .hhd-r02-onboarding-heading, .hhd-r02-project-main { flex-direction:column; }
  .hhd-r02-onboarding-new-project { grid-template-columns:1fr; }
  .hhd-r02-project-next { width:100%; }
}

/* R02-I01-FIX02 — functional verification result. */
.hhd-r02-verification{display:grid;gap:.75rem;margin-top:.85rem;padding:.9rem;border:1px solid var(--hhd-border);border-radius:var(--hhd-radius-md);background:var(--hhd-surface-subtle)}
.hhd-r02-verification>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.hhd-r02-verification h5{margin:.15rem 0 0;font-size:1rem}
.hhd-r02-verification-state{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .55rem;border-radius:var(--hhd-radius-pill);font-size:.75rem;font-weight:750}
.hhd-r02-verification.is-verified{border-color:var(--hhd-status-success-border);background:var(--hhd-status-success-bg);color:var(--hhd-status-success-fg)}
.hhd-r02-verification.is-verified .hhd-r02-verification-state{background:var(--hhd-status-success-fg);color:var(--hhd-status-success-bg)}
.hhd-r02-verification.is-action-required{border-color:var(--hhd-status-warning-border);background:var(--hhd-status-warning-bg);color:var(--hhd-status-warning-fg)}
.hhd-r02-verification.is-action-required .hhd-r02-verification-state{background:var(--hhd-status-warning-fg);color:var(--hhd-status-warning-bg)}
.hhd-r02-verification p{margin:0;color:inherit}
.hhd-r02-verification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.hhd-r02-verification-grid article{display:grid;gap:.2rem;padding:.65rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--hhd-radius-sm);background:color-mix(in srgb,var(--hhd-surface-panel) 70%,transparent)}
.hhd-r02-verification-grid span{font-size:.75rem;opacity:.8}
.hhd-r02-verification-diagnostics{display:grid;gap:.35rem;margin:.65rem 0 0}
.hhd-r02-verification-diagnostics>div{display:grid;grid-template-columns:minmax(7rem,.28fr) 1fr;gap:.5rem}
.hhd-r02-verification-diagnostics dt{font-weight:700}.hhd-r02-verification-diagnostics dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.hhd-r02-verification>header{flex-direction:column}.hhd-r02-verification-grid{grid-template-columns:1fr}}