/* ===== Lakbima Phone Login — hardened against theme button/input styles ===== */
.lpl-box{--lpl-c:#1565d8;max-width:420px;margin:0 auto;padding:24px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 8px 30px rgba(20,40,80,.08);font-size:15px;color:#1d2433;box-sizing:border-box;text-align:left}
.lpl-box *{box-sizing:border-box}
.lpl-box [hidden],.lpl-modal[hidden]{display:none!important}
.lpl-box h3{margin:0 0 10px;font-size:19px;line-height:1.3;color:#1d2433}
.lpl-box button{box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-width:0!important;min-height:0!important;margin-left:0;margin-right:0;font-family:inherit;transition:background .15s,color .15s}
.lpl-tabs{display:flex;gap:6px;background:#f1f4f9;padding:4px;border-radius:10px;margin-bottom:18px}
.lpl-box .lpl-tabs button{flex:1;border:0!important;background:transparent!important;padding:9px!important;border-radius:8px!important;font-weight:600;cursor:pointer;color:#5a6478!important;height:auto!important;line-height:1.4!important;margin:0!important}
.lpl-box .lpl-tabs button.on{background:#fff!important;color:var(--lpl-c)!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important}
.lpl-label{display:block;font-weight:600;font-size:13px;margin:12px 0 5px;color:#1d2433}
.lpl-box input[type=text],.lpl-box input[type=tel],.lpl-box input[type=email],.lpl-box input[type=password]{width:100%!important;height:44px!important;padding:0 12px!important;border:1px solid #cfd6e3!important;border-radius:9px!important;font-size:15px!important;background:#fff!important;color:#1d2433!important;margin:0!important;box-shadow:none!important}
.lpl-box input:focus{outline:0!important;border-color:var(--lpl-c)!important;box-shadow:0 0 0 3px rgba(21,101,216,.15)!important}
.lpl-box .lpl-otp{text-align:center!important;letter-spacing:10px!important;font-size:22px!important;font-weight:700!important}
.lpl-box .lpl-btn{display:block!important;width:100%!important;height:46px!important;margin-top:16px!important;padding:0 12px!important;border:0!important;border-radius:9px!important;background:var(--lpl-c)!important;color:#fff!important;font-weight:700!important;font-size:15px!important;line-height:46px!important;cursor:pointer;text-align:center}
.lpl-box .lpl-btn:hover{filter:brightness(1.08)}
.lpl-box .lpl-btn:disabled{opacity:.6;cursor:wait}
.lpl-box .lpl-btn-alt{margin-top:8px!important;background:#fff!important;color:var(--lpl-c)!important;border:1.5px solid var(--lpl-c)!important;line-height:43px!important}
.lpl-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.lpl-box .lpl-link{background:none!important;border:0!important;padding:0!important;height:auto!important;line-height:1.4!important;color:var(--lpl-c)!important;font-size:13px!important;font-weight:500!important;cursor:pointer;text-decoration:none!important;width:auto!important}
.lpl-box .lpl-link:disabled{color:#98a1b3!important;cursor:default}
.lpl-muted{color:#6b7488;font-weight:400;font-size:13px}
.lpl-msg{margin-top:10px;font-size:13px;min-height:1px}
.lpl-msg.err{color:#c62828}.lpl-msg.ok{color:#2e7d32}
.lpl-otp-title{display:none}
/* OTP-only mode (opened from theme popup): no tabs, no password, no register */
.lpl-otp-only .lpl-tabs,.lpl-otp-only .lpl-pw-part,.lpl-otp-only .lpl-social-slot{display:none!important}
.lpl-otp-only .lpl-otp-title{display:block}
.lpl-box.lpl-otp-only .lpl-btn-alt{background:var(--lpl-c)!important;color:#fff!important}
/* Modal */
.lpl-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px}
.lpl-modal-bg{position:absolute;inset:0;background:rgba(10,20,40,.6)}
.lpl-modal-inner{position:relative;width:100%;max-width:420px;max-height:92vh;overflow:auto}
.lpl-modal .lpl-x{position:absolute!important;right:8px!important;top:6px!important;z-index:2;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#6b7488!important;font-size:26px!important;line-height:34px!important;cursor:pointer;text-align:center}
.lpl-modal .lpl-x:hover{background:#f1f4f9!important;color:#1d2433!important}
.lpl-modal .lpl-box{padding-top:34px}
.lpl-noscroll{overflow:hidden!important}
/* Add-phone prompt */
.lpl-prompt{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;background:rgba(10,20,40,.75);padding:16px}
.lpl-prompt .lpl-box{width:100%}
.lpl-prompt-note{color:#fff;text-align:center;margin:0 0 10px;font-weight:600}
.lpl-prompt-foot{text-align:center;margin-top:12px;font-size:13px}
.lpl-prompt-foot a{color:#fff!important;opacity:.8;text-decoration:underline}
/* Theme login form additions */
.lpl-theme-wrap{margin:14px 0 4px;clear:both;width:100%}
.lpl-theme-or{text-align:center;color:#8a93a6;font-size:12px;margin-bottom:8px;position:relative}
.lpl-theme-or:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #e3e8f0}
.lpl-theme-or span{position:relative;background:#fff;padding:0 10px}
button.lpl-theme-otp,.lpl-theme-wrap button.lpl-theme-otp{display:block!important;width:100%!important;height:48px!important;padding:0 12px!important;margin:0!important;border:1.5px solid #1565d8!important;border-radius:8px!important;background:#fff!important;color:#1565d8!important;font-weight:700!important;font-size:15px!important;line-height:45px!important;cursor:pointer;box-shadow:none!important;text-indent:0!important;opacity:1!important;visibility:visible!important}
button.lpl-theme-otp:hover{background:#1565d8!important;color:#fff!important}
.login .lpl-theme-wrap{margin-top:50px}
/* Social buttons */
.lpl-social{margin-top:16px}
.lpl-soc{display:flex!important;align-items:center;justify-content:center;gap:10px;height:44px;border:1px solid #cfd6e3!important;border-radius:9px;margin-top:8px;color:#1d2433!important;text-decoration:none!important;font-weight:600;background:#fff!important;font-size:15px}
.lpl-soc:hover{background:#f6f8fb!important}
.lpl-soc svg{width:20px;height:20px;flex:none}
.lpl-or{text-align:center;color:#8a93a6;font-size:12px;margin:0 0 4px}

/* Inline mode: our OTP step sits INSIDE the theme popup, replacing its form (no second popup) */
.lpl-inline-only{display:none!important}
.lpl-box.lpl-inline .lpl-inline-only{display:flex!important}
.lpl-box.lpl-inline{max-width:none!important;width:100%;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;animation:lplIn .18s ease}
.lpl-box.lpl-inline h3{font-size:17px}
@keyframes lplIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lpl-theme-msg{color:#c62828;font-size:13px;margin:0 0 10px;text-align:center}
.lpl-theme-msg[hidden]{display:none!important}