/* Original supplied artwork, shared by English/Urdu and both appearances. */
.store-logo { object-fit:contain; background:#fff; border-radius:12px; flex-shrink:0; }
.brand .store-logo { width:60px; height:60px; }
.login-brand > .store-logo { width:176px; height:176px; background:#fff; margin-bottom:24px; padding:4px; }
.brand-loading { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; padding:32px 20px; text-align:center; }
.brand-loading img { width:min(240px,65vw); height:auto; aspect-ratio:1; object-fit:contain; background:#fff; border-radius:22px; padding:8px; box-shadow:0 12px 44px #00000012; }
.brand-loading p { font-size:20px; color:var(--ink); }
.boot-ur { display:none; }
html[lang=ur] .boot-en { display:none; }
html[lang=ur] .boot-ur { display:inline; }
.brand-loading-line { width:72px; height:3px; background:#c99b32; border-radius:3px; animation:brand-pulse 1.4s ease-in-out infinite; }
@keyframes brand-pulse { 50% { opacity:.25; transform:scaleX(.55); } }
@media(prefers-reduced-motion:reduce) { .brand-loading-line { animation:none; } }
/* A very faint decorative watermark. It cannot intercept clicks or selection. */
.main-shell::after,.login-panel::after { content:""; position:fixed; inset:0; z-index:2; pointer-events:none; background:url('/lyallpur-logo.jpg') center / min(64vw,620px) auto no-repeat; opacity:.035; mix-blend-mode:multiply; }
.main-shell::after { inset-inline-start:272px; }
.login-panel { position:relative; isolation:isolate; }
.login-panel::after { position:absolute; background-size:85% auto; }
html[data-theme=dark] .main-shell::after,html[data-theme=dark] .login-panel::after { filter:grayscale(1) invert(1); mix-blend-mode:screen; opacity:.028; }
@media(max-width:1100px) { .main-shell::after { inset-inline-start:242px; } }
@media(max-width:680px) {
  .main-shell::after { inset-inline-start:0; }
  .login-brand > .store-logo { width:88px; height:88px; margin-bottom:12px; }
}
@media print { .main-shell::after,.login-panel::after { display:none!important; } }