/* Swapti login / register: modern layer. Load after css/style.css */
.login-page{background:radial-gradient(60% 50% at 90% 0%,#FCE3AE 0%,transparent 70%),radial-gradient(45% 45% at 0% 100%,#FFEBC7 0%,transparent 70%),#FFFAF0!important}
.login-page main>div{border:0!important;border-radius:2rem;box-shadow:0 40px 90px -40px rgba(120,60,0,.45)}
@media(max-width:1023px){.login-page main>div{border-radius:1.6rem}}

/* left brand panel */
.login-hero-shade{background:linear-gradient(165deg,rgba(194,65,12,.9) 0%,rgba(33,29,26,.82) 100%)}
.login-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#FCD9A8}
.login-eyebrow span{width:32px;height:2px;background:#FCD9A8;border-radius:2px}
.login-points{list-style:none;display:grid;gap:.9rem}
.login-points li{display:flex;align-items:center;gap:.8rem;font-size:.95rem;color:rgba(255,255,255,.92)}
.login-points li svg{flex:none;padding:.45rem;width:2.2rem;height:2.2rem;border-radius:.8rem;background:rgba(255,255,255,.16)}

/* sign in / create account switch */
.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;margin-bottom:1.75rem;background:#F6EFE4;border-radius:9999px}
.auth-thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);background:#fff;border-radius:9999px;box-shadow:0 6px 16px -8px rgba(33,29,26,.45);transition:transform .35s cubic-bezier(.34,1.4,.64,1)}
.auth-tabs[data-mode="register"] .auth-thumb{transform:translateX(100%)}
.auth-tabs button{position:relative;z-index:1;padding:.7rem 1rem;font-weight:700;font-size:.9rem;color:rgba(33,29,26,.55);border-radius:9999px;transition:color .25s;cursor:pointer}
.auth-tabs button[aria-selected="true"]{color:#211D1A}

/* heading */
#loginTitle{font-size:2rem!important;letter-spacing:-.02em}

/* inputs */
#loginForm input[type="text"],#loginForm input[type="email"],#loginForm input[type="tel"],#loginForm input[type="password"]{border-radius:14px!important;padding-top:1rem!important;padding-bottom:1rem!important;border-color:rgba(33,29,26,.14)!important;transition:border-color .2s,box-shadow .2s}
#loginForm input:focus{border-color:#F2600C!important;box-shadow:0 0 0 4px rgba(242,96,12,.14)!important}
#loginForm input.border-red-500{border-color:#EF4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.1)!important}
#loginForm input:disabled{opacity:.6}

/* buttons */
#googleLoginBtn{border-radius:14px!important;border-color:rgba(33,29,26,.14)!important;box-shadow:0 1px 0 rgba(33,29,26,.04);transition:box-shadow .2s,transform .15s,background .2s}
#googleLoginBtn:hover{box-shadow:0 10px 22px -12px rgba(33,29,26,.35)}
#submitBtn{border-radius:14px!important;padding-block:1rem!important;font-size:1rem;box-shadow:0 14px 28px -14px rgba(234,88,12,.75)}
#submitBtn:hover{transform:translateY(-1px)}
#submitBtn:disabled,#googleLoginBtn:disabled{opacity:.7;cursor:not-allowed}
#dividerText{background:#fff!important}
#forgotPasswordContainer{font-weight:600}

/* the switch above replaces the text link */
#toggleModeContainer{margin-top:1.5rem!important}

/* password strength */
.pw-meter{display:flex;align-items:center;gap:.75rem;margin:-.6rem 0 1.1rem;font-size:.75rem;color:rgba(33,29,26,.55)}
.pw-meter.hidden{display:none}
.pw-bar{flex:1;height:5px;background:#EFE7DA;border-radius:9999px;overflow:hidden}
.pw-bar i{display:block;height:100%;width:0;border-radius:9999px;background:#EF4444;transition:width .3s,background .3s}
.pw-meter[data-s="2"] .pw-bar i{background:#F59E0B}
.pw-meter[data-s="3"] .pw-bar i{background:#84CC16}
.pw-meter[data-s="4"] .pw-bar i{background:#16A34A}

/* toasts */
#toastContainer>div{border-radius:14px!important}

/* sign-in shows only email + password */
#nameContainer.hidden,#phoneContainer.hidden{display:none!important}

/* "please log in to continue" notice */
.login-notice{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding:.8rem 1rem;border-radius:14px;background:#FFF4E2;border:1px solid #F4D9A8;color:#7A2E0E;font-size:.9rem;font-weight:600}
.login-notice::before{content:"i";display:grid;place-items:center;flex:none;width:1.4rem;height:1.4rem;border-radius:50%;background:#EA580C;color:#fff;font-size:.8rem;font-weight:800;font-style:italic}
.login-notice.ok{background:#ECFDF3;border-color:#A7E3BD;color:#14532D}
.login-notice.ok::before{content:"\2713";background:#16A34A;font-style:normal}