/* Login V10 — responsive premium pharmacy scene based on the supplied reference. */
body:has(.guest-wrap){overflow:hidden;background:#09271f}
.guest-wrap,.guest-wrap *{font-family:'Alexandria','IBM Plex Sans Arabic','Segoe UI',sans-serif!important}
.guest-wrap{direction:ltr;min-height:100vh;min-height:100svh;padding:clamp(18px,4vh,44px) clamp(18px,5vw,76px);align-items:center;justify-content:space-between;gap:clamp(24px,5vw,88px);background:url('/static/login_bg_branded.png') center/cover no-repeat!important}
.login-brand-story,.login-card,.login-live-clock,.login-legal-links{direction:rtl}
.guest-wrap::before{background:linear-gradient(90deg,rgba(2,22,17,.78) 0%,rgba(3,31,23,.38) 40%,rgba(3,25,19,.44) 100%)!important}
.guest-wrap::after{background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 55%,rgba(0,0,0,.38))!important}
.login-card{position:relative;right:auto;margin:0 0 0 auto;flex:0 1 398px;width:min(398px,36vw);padding:clamp(52px,7vh,66px) clamp(24px,2.4vw,32px) clamp(18px,2.5vh,25px);border-radius:24px;background:rgba(249,251,249,.88);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 24px 70px rgba(0,20,13,.42),inset 0 1px 0 #fff}
.login-card::before{inset:7px;border-radius:18px;border-color:rgba(20,77,53,.10)}
.login-card .brand-mark{width:94px;height:94px;top:-45px;border:3px solid #d49d35;box-shadow:0 9px 22px rgba(0,29,18,.28),0 0 0 6px rgba(255,255,255,.56)}
.login-welcome{position:relative;text-align:center;color:#245340;font-size:14px;font-weight:600;margin:0}
.login-card h5.login-brand-ar{font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif!important;font-size:26px!important;font-weight:700!important;color:#063e2b!important;line-height:1.3!important;margin:1px 0 7px!important}
.login-card>p.login-sub{font-size:11.5px!important;font-weight:500!important;margin-bottom:16px!important;color:#4d6459!important}
.login-card .mb-3{margin-bottom:9px!important}
.login-input.form-control{height:43px!important;min-height:43px!important;border-radius:10px!important;background:rgba(255,255,255,.90)!important;border-color:rgba(10,66,45,.15)!important;font-size:12px!important;font-weight:500!important}
.login-field-icon{font-size:15px!important}.login-password-toggle{width:29px;height:29px}
.login-extra-row{font-size:10px;margin-top:4px}.login-extra-row label{font-weight:600!important}
.login-card .btn-brand{height:43px!important;min-height:43px!important;margin-top:10px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#076044,#004a35)!important}
.login-security-note{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding:8px;border-top:1px solid rgba(7,75,51,.12);color:#174b38;text-align:right}
.login-security-note>i{font-size:18px}.login-security-note span{display:flex;flex-direction:column}.login-security-note b{font-size:10px}.login-security-note small{font-size:8px;color:#62756d;margin-top:1px}
.login-brand-story{position:relative;left:auto;top:auto;transform:none;z-index:2;flex:0 1 280px;width:min(280px,24vw);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.62)}
.login-story-heading{font-size:clamp(28px,3vw,45px);font-weight:700;line-height:1.38}.login-story-rule{width:54px;height:3px;background:#dda94b;margin:11px 0 9px;border-radius:3px}.login-brand-story>p{font-size:12px;font-weight:600;margin-bottom:26px}
.login-story-features{display:grid;gap:13px}.login-story-features>div{display:flex;align-items:center;gap:11px;transition:transform .16s ease}.login-story-features>div:hover{transform:translateX(-4px)}.login-story-features i{font-size:21px;width:31px;text-align:center}.login-story-features span{display:flex;flex-direction:column}.login-story-features b{font-size:11px}.login-story-features small{font-size:8.5px;margin-top:1px;color:rgba(255,255,255,.85)}
.login-wall-brand{display:none!important}
.login-wall-brand img{display:block;width:104px;height:104px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.38))}.login-wall-brand strong{display:block;font:700 23px/1.05 'Alexandria',sans-serif;letter-spacing:.8px}.login-wall-brand b{display:block;font:700 24px/1.2 'Alexandria',sans-serif}.login-wall-brand span{display:block;margin-top:10px;font-size:11px;font-weight:600;color:#f0bc60}
.login-live-clock{position:fixed;z-index:3;top:18px;right:22px;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.65)}.login-live-clock i{font-size:20px}.login-live-clock span{display:flex;flex-direction:column}.login-live-clock b{font-size:9px}.login-live-clock small{font-size:10px;font-weight:600;margin-top:1px}
.login-legal-links{bottom:10px}.login-legal-links a{font-size:8.5px;font-weight:500}
@media(min-width:1400px){.login-card{position:absolute;right:8vw;margin:0;width:min(398px,31vw)}.login-brand-story{position:absolute;left:4.5vw;top:50%;transform:translateY(-50%)}}
@media(max-width:1100px){.guest-wrap{padding-inline:clamp(18px,4vw,42px);gap:26px}.login-card{width:min(370px,43vw);flex-basis:370px;padding-inline:25px}.login-brand-story{width:min(235px,26vw);flex-basis:235px}.login-story-features{gap:10px}}
@media(max-width:780px){.guest-wrap{justify-content:center;padding:54px 14px 26px;background-position:56% center!important}.guest-wrap::before{background:rgba(2,24,18,.54)!important}.login-brand-story,.login-wall-brand{display:none}.login-card{margin:auto;width:min(380px,92vw);flex:0 1 380px}.login-live-clock{top:9px;right:12px}.login-legal-links{bottom:5px}}
@media(max-height:720px){.guest-wrap{padding-block:38px 14px}.login-card{padding-top:43px;padding-bottom:12px}.login-card .brand-mark{width:76px;height:76px;top:-36px}.login-card h5.login-brand-ar{font-size:22px!important}.login-card>p.login-sub{margin-bottom:10px!important}.login-input.form-control{height:39px!important;min-height:39px!important}.login-card .btn-brand{height:39px!important;min-height:39px!important}.login-security-note{margin-top:8px;padding:6px}.login-story-features{gap:9px}.login-brand-story>p{margin-bottom:18px}}
@media(max-width:430px){.guest-wrap{padding-inline:9px}.login-card{width:96vw;padding-inline:18px;border-radius:19px}.login-live-clock b{font-size:8px}.login-live-clock small{font-size:9px}.login-legal-links{display:none}}