/* Cadrul paginilor publice ale platformei (layout "platform": inscrierea si portalul dezvoltatorilor, P5). Culorile, fontul,
   componentele si focusul vin din admin.css (:is(body.admin, body.platform), P12); aici doar antetul, latimea si subsolul. */
body.platform { margin: 0; background: var(--color-page); color: var(--color-text); }
body.platform .skip-link { position: absolute; left: -999px; }
body.platform .skip-link:focus { left: var(--space-4); top: var(--space-4); background: var(--color-surface); padding: var(--space-2); z-index: 10; }
body.platform .platform-header { background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
body.platform .platform-header-inner, body.platform .platform-main, body.platform .platform-footer {
  max-width: 56rem; margin: 0 auto; padding: 0 var(--space-4);
}
body.platform .platform-header-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-5); padding-block: var(--space-3); }
body.platform .platform-name { font-weight: 650; font-size: 1.125rem; margin: 0; }
body.platform .platform-name a { color: var(--color-text); text-decoration: none; }
body.platform .platform-nav ul { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); list-style: none; margin: 0; padding: 0; }
body.platform .platform-nav a { display: inline-block; min-height: 24px; padding: var(--space-1) 0; }
body.platform .platform-header .button-form { margin-left: auto; }
body.platform .platform-main { padding-block: var(--space-6); }
body.platform .platform-main:focus { outline: none; }
body.platform .platform-footer { padding-block: var(--space-5); color: var(--color-text-muted); }
/* Formularele scurte (autentificare, cod, parola) nu se intind pe toata latimea. */
body.platform .narrow { max-width: 28rem; }
/* Codul QR al verificarii in doi pasi (portalul): latimea fixa, fara stil inline in vedere. */
body.platform .qr-code { max-width: 14rem; margin: var(--space-2) 0; }