/* لوگو، تب‌های ورود و فرم تنظیمات — بعد از app.css لود می‌شود */
.brand-logo{height:34px;width:auto;max-width:150px;object-fit:contain;display:block}
.brand.has-logo::before{display:none}
.login-logo{display:block;margin:0 auto 14px;max-height:84px;max-width:70%;height:auto;object-fit:contain}
.logo-prev{display:block;max-height:64px;max-width:200px;height:auto;object-fit:contain;padding:6px;border:1px solid var(--g-200);border-radius:var(--r-sm);background:#fff}
.tabs{display:flex;gap:6px;background:var(--g-100);padding:4px;border-radius:var(--r-sm);margin:0 0 18px}
.tabs a{flex:1;text-align:center;padding:8px 10px;border-radius:8px;color:var(--g-700);font-weight:600}
.tabs a:hover{color:var(--navy-900)}
.tabs a.on{background:#fff;color:var(--navy-900);box-shadow:var(--sh-1)}
input[type=file]{display:block;width:100%;margin-top:7px;font:inherit;color:var(--ink)}
.loginbox .flash{text-align:center}

/* ===== صفحه‌ی تنظیمات: چیدمان عرضی (دسکتاپ) ===== */
.snav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.snav a{padding:4px 14px;border-radius:999px;background:#fff;border:1px solid var(--g-200);color:var(--navy-800);font-size:13px;font-weight:600}
.snav a:hover{border-color:var(--blue-500);color:var(--blue-600)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:18px;align-items:start}
.sform{display:contents}
.sgrid .card{margin:0;scroll-margin-top:calc(var(--top) + var(--ph,0px) + 14px)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));column-gap:18px}
.fgrid .span2{grid-column:1/-1}
.logo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.logo-row .chk{margin:0}
.savebar{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px calc(var(--mx) * -1) -48px;padding:12px var(--mx);background:rgba(246,248,252,.94);backdrop-filter:blur(6px);border-top:1px solid var(--g-200)}
@media (max-width:860px){
  .savebar{margin:22px -14px -40px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .snav{margin-top:8px}
}
@media (max-width:560px){.savebar .muted{display:none}.savebar .btn{width:100%}}

/* ===== کارت یکپارچه‌ی پیامک ===== */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sub{margin:22px 0 12px;padding-top:16px;border-top:1px dashed var(--g-300);font-size:14px;color:var(--navy-800);font-weight:800}
.card h3+.sub{margin-top:0;padding-top:0;border-top:0}
.testrow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.testrow label{flex:1;min-width:200px;margin:0}
.testrow .btn{margin-bottom:0}