/* إضافات الموقع الحي فوق app.css (النماذج) — صغيرة عمداً. */
.inline-form { display: contents; }
.login { min-height: 100vh; display: grid; place-items: center; padding: 24px var(--page-pad); }
.login-box { width: 100%; max-width: 380px; }
.login-head { text-align: center; margin-bottom: 20px; }
.login-head .brand-mark { width: 56px; height: 56px; font-size: 26px; border-radius: var(--radius-lg); margin: 0 auto 12px; }
.login-head h1 { font-size: var(--fs-headline); line-height: var(--lh-headline); }
.pw { position: relative; }
.pw .input { padding-inline-end: 52px; }
.pw .icon-btn { position: absolute; inset-inline-end: 0; top: 0; }
.form-notice { margin-bottom: 14px; }
.center-meta { margin-top: 12px; text-align: center; }

/* السمة hidden تغلب أي display من الأصناف (مثل .field) */
[hidden]{display:none!important}