/* Sign-in page additions to the guide's .hx-signin (guide 04 section 8).
   Tokens only; the card, panels and container switch are the guide's. */
.pm-signin-brandrow { display: flex; align-items: center; min-height: 36px; }
.pm-signin-logo { display: block; height: 28px; width: auto; max-width: 180px; object-fit: contain; object-position: left center; }
.pm-signin-hero { display: flex; flex-direction: column; gap: var(--hx-space-4); }
.pm-signin-line { color: var(--hx-band-fg-muted); }
.hx-signin-form { position: relative; }
.pm-signin-controls { position: absolute; top: var(--hx-space-5); right: var(--hx-space-5); display: flex; gap: var(--hx-space-2); }
.pm-signin-head { display: flex; flex-direction: column; gap: var(--hx-space-2); }
.pm-signin-head h2 { font-size: var(--hx-text-2xl); }
.hx-signin-card { display: flex; flex-direction: column; gap: var(--hx-space-5); }
.pm-signin-fields { display: flex; flex-direction: column; gap: var(--hx-space-4); }
.pm-signin-sso, .pm-signin-submit { width: 100%; }
.pm-ms-logo { width: 18px; height: 18px; flex-shrink: 0; }
.pm-signin-sep { display: flex; align-items: center; gap: var(--hx-space-3); color: var(--hx-fg-muted); font-size: var(--hx-text-sm); }
.pm-signin-sep::before, .pm-signin-sep::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--hx-line); }
.pm-signin-help { font-size: var(--hx-text-sm); }