/* ========================================================================== URBANNEST PREMIUM BACKEND LOGIN ========================================================================== */ /* Main login environment */ body:has(.for-login), body:has(.for-forgot), body:has(.for-signup) { min-height: 100vh; background: linear-gradient( 90deg, rgba(6,20,38,.90) 0%, rgba(11,31,58,.85) 47%, rgba(242,248,252,.97) 47%, rgba(247,250,253,1) 100% ), url("/assets/urbannest_estate/images/urbannest-premium-hero.png") left center / 55% 100% no-repeat fixed !important; font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /* Sky-blue top accent */ body:has(.for-login)::before, body:has(.for-forgot)::before, body:has(.for-signup)::before { content: ""; position: fixed; z-index: 999; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient( 90deg, #38BDF8, #00E5FF, #7DD3FC ); box-shadow: 0 4px 16px rgba(0,229,255,.18); pointer-events: none; } /* Login form area */ body:has(.for-login) .for-login, body:has(.for-forgot) .for-forgot, body:has(.for-signup) .for-signup { position: relative; z-index: 10; width: min(440px, 90vw); margin-left: auto; margin-right: 8vw; padding-top: 7vh; } /* Premium form card */ .for-login .page-card, .for-forgot .page-card, .for-signup .page-card { overflow: hidden; border: 1px solid rgba(56,189,248,.16) !important; border-radius: 22px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 28px 70px rgba(6,20,38,.18), 0 0 0 1px rgba(255,255,255,.65) inset !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 30px !important; } /* Header */ .for-login .page-card-head h4, .for-forgot .page-card-head h4, .for-signup .page-card-head h4 { color: #0B1F3A !important; font-size: 25px !important; font-weight: 800 !important; letter-spacing: -.035em; line-height: 1.12; } /* Brand icon/logo */ .for-login .page-card-head img, .for-forgot .page-card-head img, .for-signup .page-card-head img { padding: 6px; border: 1px solid rgba(56,189,248,.20); border-radius: 12px; background: linear-gradient( 145deg, #0B1F3A, #104268 ); box-shadow: 0 9px 20px rgba(11,31,58,.15); } /* Inputs */ .for-login .form-control, .for-forgot .form-control, .for-signup .form-control { min-height: 44px; border: 1px solid #D8E5EF !important; border-radius: 11px !important; background: #F9FCFE !important; color: #0B1F3A !important; box-shadow: inset 0 1px 2px rgba(11,31,58,.025); transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .for-login .form-control:focus, .for-forgot .form-control:focus, .for-signup .form-control:focus { border-color: #38BDF8 !important; background: #FFFFFF !important; box-shadow: 0 0 0 3px rgba(56,189,248,.14) !important; } /* Primary login button */ .for-login .btn-primary, .for-forgot .btn-primary, .for-signup .btn-primary { min-height: 43px; border: 1px solid rgba(0,229,255,.15) !important; border-radius: 11px !important; background: linear-gradient( 135deg, #061426 0%, #0B1F3A 55%, #104268 100% ) !important; color: #FFFFFF !important; font-weight: 750 !important; box-shadow: 0 10px 24px rgba(11,31,58,.19); transition: transform .15s ease, box-shadow .15s ease; } .for-login .btn-primary:hover, .for-forgot .btn-primary:hover, .for-signup .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(11,31,58,.23), 0 0 16px rgba(0,229,255,.09); } /* Links */ .for-login a, .for-forgot a, .for-signup a { color: #087DB4 !important; font-weight: 650; } /* Premium left-side branding panel */ .urbannest-login-brand-panel { position: fixed; z-index: 4; top: 0; left: 0; bottom: 0; width: 47%; display: flex; flex-direction: column; justify-content: flex-end; padding: 7vw 6vw 7vh; pointer-events: none; color: #FFFFFF; } .urbannest-login-brand-kicker { margin-bottom: 12px; color: #00E5FF; font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; text-shadow: 0 0 17px rgba(0,229,255,.34); } .urbannest-login-brand-panel h1 { max-width: 560px; margin: 0 0 14px; color: #FFFFFF !important; font-size: clamp(30px, 4vw, 52px); line-height: .98; font-weight: 820; letter-spacing: -.045em; } .urbannest-login-brand-panel p { max-width: 510px; margin: 0; color: rgba(230,243,252,.82); font-size: 14px; line-height: 1.6; } .urbannest-login-benefits { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; } .urbannest-login-benefit { padding: 7px 10px; border: 1px solid rgba(125,211,252,.19); border-radius: 999px; background: rgba(6,20,38,.28); color: rgba(255,255,255,.91); font-size: 10.5px; font-weight: 650; backdrop-filter: blur(9px); } .urbannest-login-benefit::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #00E5FF; box-shadow: 0 0 10px rgba(0,229,255,.60); } /* Mobile login */ @media (max-width: 800px) { body:has(.for-login), body:has(.for-forgot), body:has(.for-signup) { background: radial-gradient( circle at 80% 0%, rgba(56,189,248,.13), transparent 20rem ), #F3F8FC !important; } .urbannest-login-brand-panel { display: none !important; } body:has(.for-login) .for-login, body:has(.for-forgot) .for-forgot, body:has(.for-signup) .for-signup { width: min(440px, 92vw); margin-left: auto; margin-right: auto; } .for-login .page-card, .for-forgot .page-card, .for-signup .page-card { padding: 23px !important; border-radius: 17px !important; } } /* URBANNEST FINAL LOGIN POLISH — START */ /* ======================================================================== LOGIN BRAND TOKENS ======================================================================== */ body.urbannest-premium-login { --un-login-navy: #061426; --un-login-navy-2: #0B1F3A; --un-login-navy-3: #104268; --un-login-sky: #38BDF8; --un-login-sky-light: #7DD3FC; --un-login-neon: #00E5FF; --un-login-border: #D8E7F0; --un-login-text: #10223A; --un-login-muted: #708196; } /* ======================================================================== COMPLETE PAGE COMPOSITION ======================================================================== */ body.urbannest-premium-login { min-height: 100vh !important; overflow-x: hidden; background: linear-gradient( 90deg, rgba(6,20,38,.88) 0%, rgba(11,31,58,.82) 47%, rgba(245,250,253,.97) 47%, #F7FAFD 100% ), url("/assets/urbannest_estate/images/urbannest-premium-hero.png") left center / 55% 100% no-repeat fixed !important; } /* Sky/Neon premium top rail */ body.urbannest-premium-login::before { content: ""; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient( 90deg, #38BDF8 0%, #00E5FF 47%, #7DD3FC 100% ); box-shadow: 0 4px 18px rgba(0,229,255,.20); pointer-events: none; } /* Right side subtle ambience */ body.urbannest-premium-login::after { content: ""; position: fixed; z-index: 0; top: 0; right: 0; width: 53%; height: 100%; background: radial-gradient( circle at 75% 12%, rgba(56,189,248,.12), transparent 300px ), radial-gradient( circle at 15% 85%, rgba(0,229,255,.055), transparent 330px ); pointer-events: none; } /* ======================================================================== LEFT BRAND PANEL ======================================================================== */ body.urbannest-premium-login .urbannest-login-brand-panel { z-index: 5; width: 47%; padding: 7vw 6vw 7vh !important; } body.urbannest-premium-login .urbannest-login-brand-panel::before { content: ""; position: absolute; left: 6vw; bottom: 34px; width: 58px; height: 3px; border-radius: 999px; background: linear-gradient( 90deg, #38BDF8, #00E5FF ); box-shadow: 0 0 14px rgba(0,229,255,.35); } body.urbannest-premium-login .urbannest-login-brand-kicker { margin-bottom: 13px; color: #00E5FF !important; font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; text-shadow: 0 0 16px rgba(0,229,255,.32); } body.urbannest-premium-login .urbannest-login-brand-panel h1 { max-width: 540px; margin: 0 0 17px; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 53px); font-weight: 830; line-height: .98; letter-spacing: -.048em; } body.urbannest-premium-login .urbannest-login-brand-panel p { max-width: 510px; color: rgba(230,243,252,.84); font-size: 14px; line-height: 1.62; } /* Benefits */ body.urbannest-premium-login .urbannest-login-benefits { gap: 8px; margin-top: 23px; } body.urbannest-premium-login .urbannest-login-benefit { border: 1px solid rgba(125,211,252,.22); background: linear-gradient( 145deg, rgba(6,20,38,.45), rgba(16,66,104,.24) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter: blur(10px); color: rgba(255,255,255,.92); } /* ======================================================================== AUTHENTICATION CONTAINER ALIGNMENT ======================================================================== */ body.urbannest-premium-login .for-login, body.urbannest-premium-login .for-forgot, body.urbannest-premium-login .for-signup { position: relative; z-index: 8; width: min(445px, 88vw) !important; min-height: calc(100vh - 10px); display: flex !important; flex-direction: column; justify-content: center; margin-left: auto !important; margin-right: calc((53vw - min(445px, 88vw)) / 2) !important; padding: 34px 0 !important; } /* ======================================================================== URBANNEST LOGIN IDENTITY ======================================================================== */ body.urbannest-premium-login .urbannest-login-identity { display: flex; flex-direction: column; align-items: center; margin-bottom: 18px; text-align: center; } body.urbannest-premium-login .urbannest-login-mark { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 13px; border: 1px solid rgba(0,229,255,.23); border-radius: 15px; background: radial-gradient( circle at 25% 15%, rgba(56,189,248,.24), transparent 65% ), linear-gradient( 145deg, #061426, #104268 ); color: #FFFFFF; font-size: 15px; font-weight: 850; letter-spacing: -.04em; box-shadow: 0 10px 24px rgba(11,31,58,.19), 0 0 18px rgba(0,229,255,.08); } body.urbannest-premium-login .urbannest-login-eyebrow { margin-bottom: 6px; color: #0787BF; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; } body.urbannest-premium-login .urbannest-login-title { margin: 0; color: #061426 !important; font-size: 28px; font-weight: 820; line-height: 1.05; letter-spacing: -.042em; } body.urbannest-premium-login .urbannest-login-subtitle { max-width: 340px; margin: 8px auto 0; color: #708196; font-size: 12.5px; line-height: 1.5; } /* Hide original Frappe login logo/title */ body.urbannest-premium-login .for-login > .page-card-head, body.urbannest-premium-login .for-forgot > .page-card-head, body.urbannest-premium-login .for-signup > .page-card-head { display: none !important; } /* ======================================================================== PREMIUM LOGIN CARD ======================================================================== */ body.urbannest-premium-login .for-login .page-card, body.urbannest-premium-login .for-forgot .page-card, body.urbannest-premium-login .for-signup .page-card { position: relative; overflow: hidden; width: 100% !important; padding: 29px 30px 25px !important; border: 1px solid rgba(56,189,248,.19) !important; border-radius: 22px !important; background: linear-gradient( 145deg, rgba(255,255,255,.985), rgba(249,253,255,.965) ) !important; box-shadow: 0 28px 68px rgba(6,20,38,.17), 0 5px 16px rgba(11,31,58,.06), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(19px); -webkit-backdrop-filter: blur(19px); } /* Card top accent */ body.urbannest-premium-login .for-login .page-card::before, body.urbannest-premium-login .for-forgot .page-card::before, body.urbannest-premium-login .for-signup .page-card::before { content: ""; position: absolute; top: 0; left: 22px; right: 22px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient( 90deg, #38BDF8, #00E5FF, #7DD3FC ); box-shadow: 0 3px 12px rgba(0,229,255,.16); } /* ======================================================================== INPUTS ======================================================================== */ body.urbannest-premium-login .for-login .form-control, body.urbannest-premium-login .for-forgot .form-control, body.urbannest-premium-login .for-signup .form-control { min-height: 46px; border: 1px solid #D7E5EF !important; border-radius: 11px !important; background: #F9FCFE !important; color: #10223A !important; font-size: 13px; box-shadow: inset 0 1px 2px rgba(11,31,58,.025); transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; } body.urbannest-premium-login .for-login .form-control:focus, body.urbannest-premium-login .for-forgot .form-control:focus, body.urbannest-premium-login .for-signup .form-control:focus { border-color: #38BDF8 !important; background: #FFFFFF !important; box-shadow: 0 0 0 3px rgba(56,189,248,.14) !important; } /* ======================================================================== LOGIN BUTTON ======================================================================== */ body.urbannest-premium-login .for-login .btn-primary, body.urbannest-premium-login .for-forgot .btn-primary, body.urbannest-premium-login .for-signup .btn-primary { min-height: 44px; border: 1px solid rgba(0,229,255,.14) !important; border-radius: 11px !important; background: radial-gradient( circle at 90% -30%, rgba(56,189,248,.25), transparent 160px ), linear-gradient( 135deg, #061426, #0B1F3A 55%, #104268 ) !important; color: #FFFFFF !important; font-weight: 760 !important; box-shadow: 0 10px 23px rgba(11,31,58,.19); transition: transform .15s ease, box-shadow .15s ease; } body.urbannest-premium-login .for-login .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 29px rgba(11,31,58,.23), 0 0 16px rgba(0,229,255,.09); } /* Email-link secondary action */ body.urbannest-premium-login .btn-login-with-email-link { min-height: 37px; border: 1px solid rgba(56,189,248,.12) !important; border-radius: 10px !important; background: linear-gradient( 135deg, #F2F9FD, #EBF8FE ) !important; color: #087EAF !important; font-weight: 690 !important; } /* ======================================================================== SECURE FOOTER INSIDE LOGIN ======================================================================== */ body.urbannest-premium-login .urbannest-login-security { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 17px; color: #77899B; font-size: 10.5px; font-weight: 650; } body.urbannest-premium-login .urbannest-login-security-dot { width: 6px; height: 6px; border-radius: 50%; background: #00E5FF; box-shadow: 0 0 9px rgba(0,229,255,.55); } /* ======================================================================== RESPONSIVE LOGIN ======================================================================== */ @media (max-width: 900px) { body.urbannest-premium-login { background: radial-gradient( circle at 85% 0%, rgba(56,189,248,.14), transparent 300px ), linear-gradient( 180deg, #F5FAFD, #EEF6FA ) !important; } body.urbannest-premium-login::after { width: 100%; } body.urbannest-premium-login .urbannest-login-brand-panel { display: none !important; } body.urbannest-premium-login .for-login, body.urbannest-premium-login .for-forgot, body.urbannest-premium-login .for-signup { width: min(445px, 92vw) !important; min-height: 100vh; margin-left: auto !important; margin-right: auto !important; padding: 25px 0 !important; } } @media (max-width: 480px) { body.urbannest-premium-login .for-login .page-card, body.urbannest-premium-login .for-forgot .page-card, body.urbannest-premium-login .for-signup .page-card { padding: 23px 20px 21px !important; border-radius: 17px !important; } body.urbannest-premium-login .urbannest-login-title { font-size: 24px; } } /* URBANNEST FINAL LOGIN POLISH — END */ /* URBANNEST LOGIN CENTER FIX — START */ /* ================================================================ RIGHT AUTHENTICATION PANEL ================================================================ */ body.urbannest-premium-login .for-login { position: fixed !important; z-index: 20; top: 5px !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 53% !important; min-height: 0 !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 30px clamp(28px, 5vw, 80px) !important; overflow-y: auto; } /* ================================================================ SINGLE PREMIUM LOGIN CARD ================================================================ */ body.urbannest-premium-login .for-login .page-card { position: relative; width: min(410px, 100%) !important; max-width: 410px !important; margin: 0 auto !important; padding: 29px 31px 26px !important; border: 1px solid rgba(56,189,248,.20) !important; border-radius: 22px !important; background: linear-gradient( 145deg, rgba(255,255,255,.99), rgba(247,252,255,.975) ) !important; box-shadow: 0 30px 70px rgba(6,20,38,.17), 0 6px 18px rgba(11,31,58,.055), inset 0 1px 0 rgba(255,255,255,.9) !important; } /* Thin Neon / Sky rail */ body.urbannest-premium-login .for-login .page-card::before { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient( 90deg, #38BDF8, #00E5FF, #7DD3FC ); box-shadow: 0 3px 13px rgba(0,229,255,.18); } /* ================================================================ IDENTITY INSIDE CARD ================================================================ */ body.urbannest-premium-login .for-login .urbannest-login-identity { display: flex !important; flex-direction: column; align-items: center; width: 100%; margin: 1px 0 24px !important; text-align: center; } body.urbannest-premium-login .for-login .urbannest-login-mark { width: 49px; height: 49px; margin-bottom: 12px; border-radius: 14px; background: radial-gradient( circle at 28% 16%, rgba(56,189,248,.28), transparent 65% ), linear-gradient( 145deg, #061426, #104268 ); box-shadow: 0 9px 22px rgba(11,31,58,.18), 0 0 15px rgba(0,229,255,.08); } body.urbannest-premium-login .for-login .urbannest-login-eyebrow { margin-bottom: 5px; color: #0788BD !important; font-size: 9px; font-weight: 850; letter-spacing: .13em; } body.urbannest-premium-login .for-login .urbannest-login-title { margin: 0; color: #061426 !important; font-size: 27px; font-weight: 820; line-height: 1.05; letter-spacing: -.04em; } body.urbannest-premium-login .for-login .urbannest-login-subtitle { max-width: 310px; margin: 8px auto 0; color: #74869A; font-size: 12px; line-height: 1.48; } /* ================================================================ REMOVE OLD / DUPLICATE AUTH IDENTITY ================================================================ */ body.urbannest-premium-login .for-login > .urbannest-login-identity { display: none !important; } /* Identity is only shown when JS moves it inside the card */ body.urbannest-premium-login .for-login .page-card > .urbannest-login-identity { display: flex !important; } /* ================================================================ REMOVE UNWANTED EXTRA AUTH SURFACES ================================================================ */ /* Do not show custom UrbanNest identity on forgot/signup states */ body.urbannest-premium-login .for-forgot .urbannest-login-identity, body.urbannest-premium-login .for-signup .urbannest-login-identity, body.urbannest-premium-login .for-forgot .urbannest-login-security, body.urbannest-premium-login .for-signup .urbannest-login-security { display: none !important; } /* Hide alternative navigation from primary Login */ body.urbannest-premium-login .for-login .btn-login-with-email-link, body.urbannest-premium-login .for-login .login-with-email-link, body.urbannest-premium-login .for-login .login-divider { display: none !important; } /* ================================================================ INPUT ALIGNMENT ================================================================ */ body.urbannest-premium-login .for-login .form-group { margin-bottom: 13px !important; } body.urbannest-premium-login .for-login .form-control { width: 100% !important; min-height: 45px !important; border-radius: 10px !important; } /* ================================================================ LOGIN BUTTON ================================================================ */ body.urbannest-premium-login .for-login .btn-primary { width: 100% !important; min-height: 44px; margin-top: 5px; border-radius: 10px !important; background: linear-gradient( 135deg, #061426 0%, #0B1F3A 56%, #105073 100% ) !important; box-shadow: 0 10px 23px rgba(11,31,58,.19); } /* ================================================================ SECURITY FOOTER ================================================================ */ body.urbannest-premium-login .for-login .urbannest-login-security { margin-top: 17px !important; padding-top: 13px; border-top: 1px solid rgba(56,189,248,.10); color: #788A9C; font-size: 10px; } /* ================================================================ REMOVE VISUAL 'OR' DIVIDER ================================================================ */ body.urbannest-premium-login .for-login .text-muted.text-center, body.urbannest-premium-login .for-login .page-card-actions .text-center { display: none !important; } /* ================================================================ DESKTOP 1366 x 768 ================================================================ */ @media (min-width: 901px) and (max-height: 800px) { body.urbannest-premium-login .for-login { padding-top: 18px !important; padding-bottom: 18px !important; } body.urbannest-premium-login .for-login .page-card { padding: 25px 29px 23px !important; } body.urbannest-premium-login .for-login .urbannest-login-identity { margin-bottom: 19px !important; } body.urbannest-premium-login .for-login .urbannest-login-title { font-size: 25px; } } /* ================================================================ TABLET / MOBILE ================================================================ */ @media (max-width: 900px) { body.urbannest-premium-login .for-login { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; min-height: 100vh !important; padding: 24px !important; } body.urbannest-premium-login .for-login .page-card { width: min(410px, 100%) !important; margin: auto !important; } } /* URBANNEST LOGIN CENTER FIX — END */ /* URBANNEST AUTH GHOST PANEL FIX — START */ /* ================================================================ DEFAULT AUTH MODE ONLY LOGIN IS VISIBLE ================================================================ */ body.urbannest-premium-login .for-forgot, body.urbannest-premium-login .for-signup, body.urbannest-premium-login .for-email-login { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /* ================================================================ LOGIN MODE ================================================================ */ body.urbannest-premium-login[ data-urbannest-auth-mode="login" ] .for-login { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* ================================================================ FORGOT PASSWORD MODE Only visible after user explicitly clicks Forgot Password. ================================================================ */ body.urbannest-premium-login[ data-urbannest-auth-mode="forgot" ] .for-login { display: none !important; } body.urbannest-premium-login[ data-urbannest-auth-mode="forgot" ] .for-forgot { position: fixed !important; z-index: 20; top: 5px !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 53% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; overflow-y: auto !important; margin: 0 !important; padding: 30px clamp(28px, 5vw, 80px) !important; } /* Forgot card itself */ body.urbannest-premium-login[ data-urbannest-auth-mode="forgot" ] .for-forgot .page-card { width: min(410px, 100%) !important; max-width: 410px !important; margin: 0 auto !important; padding: 28px 30px 25px !important; border: 1px solid rgba(56,189,248,.20) !important; border-radius: 22px !important; background: linear-gradient( 145deg, rgba(255,255,255,.99), rgba(247,252,255,.975) ) !important; box-shadow: 0 30px 70px rgba(6,20,38,.17), 0 6px 18px rgba(11,31,58,.055) !important; } /* ================================================================ NEVER SHOW SIGNUP / EMAIL LINK AS BACKGROUND PANELS ================================================================ */ body.urbannest-premium-login .for-signup, body.urbannest-premium-login .for-email-login { display: none !important; } /* ================================================================ REMOVE ANY EMPTY / STRAY AUTH CARDS ================================================================ */ body.urbannest-premium-login .auth-section-hidden, body.urbannest-premium-login .urbannest-hidden-auth-panel { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* ================================================================ MOBILE FORGOT MODE ================================================================ */ @media (max-width: 900px) { body.urbannest-premium-login[ data-urbannest-auth-mode="forgot" ] .for-forgot { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; min-height: 100vh !important; padding: 24px !important; } } /* URBANNEST AUTH GHOST PANEL FIX — END */ /* URBANNEST CLEAN LOGIN BRAND — OFFICIAL */ /* --------------------------------------------------------- Remove obsolete duplicate branding location. --------------------------------------------------------- */ #urbannest-frappe-login-brand, #urbannest-official-login-brand { display: none !important; } /* --------------------------------------------------------- Official top login branding. This occupies the former UN badge position. --------------------------------------------------------- */ #urbannest-login-primary-brand { display: flex !important; width: 100%; justify-content: center; align-items: center; margin: 0 auto 8px !important; padding: 0 !important; } .urbannest-login-primary-logo { display: block !important; width: 118px !important; height: auto !important; max-width: 42% !important; max-height: 82px !important; margin: 0 auto !important; padding: 2px !important; border: 0 !important; border-radius: 9px !important; background: #ffffff !important; object-fit: contain !important; object-position: center !important; box-shadow: 0 4px 14px rgb(15 23 42 / 7%) !important; } /* --------------------------------------------------------- Ensure any legacy UN badge from our custom login theme cannot compete visually with the official logo. --------------------------------------------------------- */ .for-login .urbannest-login-mark, .for-login .urbannest-brand-mark, .for-login .login-brand-mark, .for-login [class*="urban"][class*="mark"] { /* * JS handles exact UN detection. * We intentionally do not globally hide unknown Frappe icons. */ } /* --------------------------------------------------------- Keep the hierarchy tight and premium. --------------------------------------------------------- */ #urbannest-login-primary-brand + * { margin-top: 0 !important; } @media (max-width: 768px) { .urbannest-login-primary-logo { width: 108px !important; max-width: 44% !important; max-height: 76px !important; } } @media (max-width: 480px) { .urbannest-login-primary-logo { width: 100px !important; max-width: 46% !important; max-height: 70px !important; } } /* URBANNEST COMPACT LOGO SIZE — OFFICIAL */ /* Frappe Login primary logo */ .urbannest-login-primary-logo { width: 105px !important; max-width: 105px !important; height: auto !important; max-height: 62px !important; padding: 1px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; box-shadow: none !important; } #urbannest-login-primary-brand { margin: 0 auto 5px !important; } /* Prevent login branding from creating a tall card */ .urbannest-frappe-login-logo { width: 110px !important; max-width: 110px !important; max-height: 65px !important; padding: 1px !important; background: transparent !important; } @media (max-width: 480px) { .urbannest-login-primary-logo { width: 96px !important; max-width: 96px !important; } }