/* Package W7 — create an account (/register) and its sent / expired / closed
   states. Horizon tokens only; layout from 08-pages.css (.pg-with-aside,
   .pg-panel, .pg-success). */

/* Register: form left, benefits aside right */
.acct-layout .form-shell{min-width:0}
.acct-layout #register-form{min-width:0}
.acct-layout .form-section > h3{margin-bottom:18px}
.acct-layout .form-section > h3 + p.hint{margin-top:-12px}
.acct-layout form > .field[aria-hidden] + .form-section{padding-top:0;margin-top:0;border-top:0}
.acct-hint{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;margin:-6px 0 0;color:var(--kgf-slate-500);font-size:var(--kgf-text-sm)}
.acct-hint > span{flex:none;display:inline-flex;margin-top:2px;color:var(--kgf-blue-600)}
.acct-aside{display:flex;gap:14px;align-items:flex-start;margin:var(--kgf-space-5) 0 0;color:var(--kgf-slate-500);font-size:var(--kgf-text-sm);line-height:1.6}
.acct-aside a{color:var(--kgf-blue-700);font-weight:600;text-decoration:underline}

.acct-benefits .acct-lead{margin:0 0 22px;color:var(--kgf-slate-700)}
.acct-journey{display:grid;gap:0;margin:0;padding:0;list-style:none}
.acct-journey li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:0 0 20px}
.acct-journey li:last-child{padding-bottom:0}
.acct-journey li:not(:last-child)::after{content:"";position:absolute;left:14px;top:34px;bottom:4px;width:2px;background:var(--kgf-blue-100)}
.acct-journey .step-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--kgf-blue-50);border:1px solid var(--kgf-blue-200);color:var(--kgf-blue-700);font-size:.8rem;font-weight:700}
.acct-journey li:first-child .step-dot{background:var(--kgf-blue-600);border-color:var(--kgf-blue-600);color:#fff}
.acct-journey b{display:block;margin:4px 0 2px;color:var(--kgf-navy-900)}
.acct-journey span:not(.step-dot){display:block;color:var(--kgf-slate-500);font-size:.92rem;line-height:1.55}

#register-form .err{display:block;color:var(--kgf-danger);font-size:var(--kgf-text-sm);margin-top:var(--kgf-space-2);font-weight:600}
#register-form .consent.invalid{border-color:var(--kgf-danger-line);background:var(--kgf-danger-bg)}

/* Sent / expired / closed */
.acct-state .actions{margin-top:24px}
.acct-state.is-warn > .pg-ico:first-child,.acct-state.is-info > .pg-ico:first-child{background:var(--kgf-blue-50);border-color:var(--kgf-blue-100);color:var(--kgf-blue-600);box-shadow:0 0 0 10px rgba(29,78,216,.05)}
.acct-note{display:flex;gap:14px;align-items:flex-start;margin-top:28px;padding:18px 20px;border-radius:var(--kgf-radius);background:var(--kgf-blue-50);border:1px solid var(--kgf-blue-100);text-align:left}
.acct-note p{margin:0!important;max-width:none!important;font-size:.94rem}
.acct-note a{color:var(--kgf-blue-700);font-weight:600;text-decoration:underline}

@media (max-width:720px){
  .acct-fields .field{grid-column:1 / -1}
  .acct-state .actions .btn,.acct-layout .form-actions .btn{flex:1 1 100%;justify-content:center}
}