/* Extracted from an inline <style> in: application/views/template/auth_modal.php
   Edit here; every view listed links this file. */
.tz-auth-backdrop{position:fixed;z-index:10050;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(13,24,33,.58);opacity:0;visibility:hidden;transition:.2s}.tz-auth-backdrop.is-open{opacity:1;visibility:visible}.tz-auth-modal{position:relative;width:min(100%,470px);max-height:calc(100vh - 40px);overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28);transform:translateY(12px);transition:.24s}.tz-auth-backdrop.is-open .tz-auth-modal{transform:none}.tz-auth-close{position:absolute;z-index:2;top:13px;right:13px;width:36px;height:36px;border:0;border-radius:50%;background:#f4f6f7;color:#42515a;cursor:pointer}.tz-auth-viewport{overflow:hidden}.tz-auth-track{display:flex;width:200%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.tz-auth-modal.is-register .tz-auth-track{transform:translateX(-50%)}.tz-auth-panel{box-sizing:border-box;width:50%;max-height:calc(100vh - 40px);overflow-y:auto;padding:36px 34px 30px}.tz-auth-heading{text-align:center}.tz-auth-heading span{display:block;margin-bottom:7px;color:#e35000;font-size:11px;font-weight:800;letter-spacing:1.1px}.tz-auth-heading h2{margin:0;color:#17252e;font-size:28px}.tz-auth-heading p{margin:7px 0 25px;color:#687780;font-size:14px;line-height:1.5}.tz-auth-form label{display:block;margin:0 0 7px;color:#263841;font-size:13px;font-weight:600}.tz-auth-form input:not([type=checkbox]){box-sizing:border-box;width:100%;height:45px;margin:0 0 15px;padding:0 12px;border:1px solid #d9e0e3;border-radius:9px;background:#fff;font:inherit;outline:0}.tz-auth-form input:not([type=checkbox]):focus{border-color:#e35000;box-shadow:0 0 0 3px rgba(227,80,0,.13)}.tz-auth-password-label{display:flex;justify-content:space-between;align-items:baseline}.tz-auth-password-label a,.tz-auth-check a,.tz-auth-switch button,.tz-auth-back{color:#d94c00;text-decoration:none}.tz-auth-password-label a{font-size:12px}.tz-auth-check{margin:-1px 0 19px!important;color:#63727b!important;font-size:12px!important;font-weight:400!important}.tz-auth-check input{width:15px;height:15px;margin:0 5px 0 0}.tz-auth-primary,.tz-auth-line{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:46px;border:0;border-radius:9px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.tz-auth-primary{background:#e35000;color:#fff}.tz-auth-primary:disabled{background:#d7dcdf;cursor:not-allowed}.tz-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#829097;font-size:12px}.tz-auth-divider:before,.tz-auth-divider:after{flex:1;height:1px;background:#e4e8ea;content:""}.tz-auth-line{background:#06c755;color:#fff}.tz-auth-line img{width:21px;height:21px;margin-right:8px}.tz-auth-switch{text-align:center;color:#63727b;font-size:13px}.tz-auth-switch button,.tz-auth-back{padding:0;border:0;background:transparent;font:inherit;font-weight:700;cursor:pointer}.tz-auth-back{display:flex;align-items:center;gap:3px;margin:-4px 0 13px;font-size:13px}.tz-auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tz-auth-form small{display:block;margin:-9px 0 13px;color:#76858d;font-size:11px}.tz-auth-captcha{display:flex;justify-content:center;min-height:78px;margin:10px 0 13px}@media(max-width:480px){.tz-auth-backdrop{padding:10px}.tz-auth-modal{max-height:calc(100vh - 20px);border-radius:16px}.tz-auth-panel{max-height:calc(100vh - 20px);padding:29px 22px 24px}.tz-auth-captcha{transform:scale(.9);transform-origin:top center;margin-bottom:4px}}
/* Keep both screens inside the modal; avoid flex-width collisions with legacy theme styles. */
.tz-auth-track{display:grid;width:100%;transform:none!important}
.tz-auth-panel{grid-area:1/1;width:100%;min-width:0;transform:translateX(0);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.tz-auth-register-panel{transform:translateX(100%)}
.tz-auth-modal.is-register .tz-auth-panel:not(.tz-auth-register-panel){transform:translateX(-100%)}
.tz-auth-modal.is-register .tz-auth-register-panel{transform:translateX(0)}
/* Hard isolate each screen so theme flex rules cannot leave a clipped panel visible. */
.tz-auth-track{display:block!important;width:100%!important}
.tz-auth-panel{display:block!important;width:100%!important;transform:none!important;animation:tzAuthFade .22s ease}
.tz-auth-register-panel{display:none!important}
.tz-auth-otp-panel{display:none!important}
.tz-auth-modal.is-register .tz-auth-panel:not(.tz-auth-register-panel){display:none!important}
.tz-auth-modal.is-register .tz-auth-register-panel{display:block!important}
@keyframes tzAuthFade{from{opacity:.35;transform:translateX(18px)!important}to{opacity:1;transform:translateX(0)!important}}
.tz-auth-mode{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#tzAuthRegisterMode:checked~.tz-auth-viewport .tz-auth-panel:not(.tz-auth-register-panel){display:none!important}
#tzAuthRegisterMode:checked~.tz-auth-viewport .tz-auth-register-panel{display:block!important}
#tzAuthOtpMode:checked~.tz-auth-viewport .tz-auth-panel:not(.tz-auth-otp-panel){display:none!important}
#tzAuthOtpMode:checked~.tz-auth-viewport .tz-auth-otp-panel{display:block!important}
.tz-auth-switch label{color:#d94c00;cursor:pointer;font-weight:700}
.tz-auth-notice{margin:-10px 0 18px;padding:10px;border-radius:8px;background:#fff4e8;color:#b54708;font-size:13px;line-height:1.45}
.tz-auth-otp-input{font-size:27px!important;font-weight:700!important;letter-spacing:10px;text-align:center}.tz-auth-resend{margin-top:18px;text-align:center}.tz-auth-resend button{border:0;background:transparent;color:#d94c00;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tz-auth-loading{position:absolute;z-index:5;inset:0;display:none;align-items:center;justify-content:center;gap:10px;flex-direction:column;background:rgba(255,255,255,.92);color:#24323a}.tz-auth-loading.is-visible{display:flex}.tz-auth-loading span{width:34px;height:34px;border:3px solid #f3c19f;border-top-color:#e35000;border-radius:50%;animation:tzAuthSpin .7s linear infinite}@keyframes tzAuthSpin{to{transform:rotate(360deg)}}