/* ما أضافته النسخة الحقيقية على النموذج: الدخول، والحساب، والطلبات. الألوان من رموز app.css. */
body.locked{overflow:hidden}
.login{position:fixed;inset:0;z-index:80;background:var(--bg);display:none;overflow-y:auto}
.login.open{display:block}
.login-in{max-width:460px;margin:0 auto;padding:48px 16px 40px}
.login h1{font-family:var(--display);font-size:1.6rem;line-height:1.35;margin:0 0 8px}
.login .lead{margin:0 0 18px}
.login input{width:100%;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font-size:1.05rem;min-height:52px}
.login input:focus{border-color:var(--sea);outline:none;box-shadow:0 0 0 3px var(--sea-soft)}
.login .code-in{font-size:1.7rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}
.login-msg{background:var(--coral-soft);color:#8a3219;border-radius:var(--r-sm);padding:10px 14px;font-size:.92rem;margin:0 0 12px}
.small{font-size:.82rem}
.login .small{margin-top:18px}
.linkish{background:none;border:0;padding:0;color:var(--sea);text-decoration:underline;font-size:inherit}
.login a,.acct-pop a{color:var(--sea)}

.saved.off{color:var(--amber)}
.saved.off .dot{background:var(--amber)}

.account{position:relative}
.acct-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:40;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:2px}
.acct-pop button,.acct-pop a{display:block;text-align:start;background:none;border:0;border-radius:8px;padding:10px 12px;min-height:44px;font-size:.92rem;text-decoration:none;color:var(--ink)}
.acct-pop button:hover,.acct-pop a:hover{background:var(--surface-2)}
.acct-pop .danger{color:#a3341a}

.pay-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--phone);color:#fff;border-radius:var(--r-sm);padding:14px 16px}
.pay-sum b{font-family:var(--display);font-size:1.3rem}
#payModal textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface)}

.ord{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;margin-top:10px;background:var(--surface)}
.ord-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ord .btn{display:inline-flex;text-decoration:none}
.acct-pop[hidden]{display:none}
/* زر «حسابي» أضاف عنصرًا إلى الرأس: على الهاتف تضيق المسافات كي لا يتجاوز 375 */
@media (max-width:520px){.top-in{gap:8px;padding-inline:12px}}
/* من النموذج: زر «طبّق أوقات السبت على الكل» في رأس البطاقة تجاوز عرض 375 بعشر بكسلات */
@media (max-width:520px){.card-h{flex-wrap:wrap}}