/* Public login only. Existing dashboard styles and security handlers stay intact. */
.auth-screen.login-premium{background:radial-gradient(ellipse at 100% 8%,#bce4dbae,transparent 52%),radial-gradient(ellipse at 0 85%,#dce4c8a3,transparent 50%),linear-gradient(120deg,#fbf8ee,#eff5ec 60%,#e8f2ec);background-attachment:fixed}
.auth-screen.login-premium main{max-width:470px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));padding-top:calc(24px + env(safe-area-inset-top))}
.auth-screen.login-premium .app-banner.pearl-header{display:none}
.auth-screen.login-premium .premium-access{padding:14px 10px 12px;border:1px solid #dccb9c;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#fffdf8e8,transparent 60%),linear-gradient(125deg,#fffdf3ec,#f3f3e6e8);box-shadow:0 4px 0 #cfdbc96b,0 20px 48px #244e3a1c,inset 0 1px 0 #fff;overflow:hidden}
.auth-screen.login-premium .login-brand{display:flex;justify-content:center;align-items:center;gap:15px;padding:6px 10px 21px;margin:0;border:0;border-image:none}
.auth-screen.login-premium .login-brand>div:nth-child(2){flex:0 1 auto;max-width:240px}
.auth-screen.login-premium .login-emblem{display:grid;place-items:center;flex:0 0 61px;width:61px;height:61px;padding:3px;border-radius:50%;border:2px solid #dfc58e;background:radial-gradient(ellipse at 30% 15%,#30796f,#043b40 72%);color:#f8e5b4;font:45px/1 Georgia,serif;box-shadow:0 0 0 3px #fff7dc,0 0 0 4px #52756b,0 6px 12px #23493b22,inset 0 1px 6px #fff3}
.auth-screen.login-premium .login-emblem:has(img){background:#fff;padding:7px}
.auth-screen.login-premium .login-emblem img{display:block;width:100%;height:100%;object-fit:contain}
.auth-screen.login-premium .login-brand strong{font:700 22px/1.15 Georgia,serif;letter-spacing:.5px;color:#123d3d;overflow-wrap:anywhere}
.auth-screen.login-premium .login-brand small{display:block;font-size:7px;letter-spacing:1.2px;color:#536a64;margin-top:5px;line-height:1.5}
.auth-screen.login-premium .brand-ornament{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;color:#b78d3e;font-size:8px;line-height:1}
.auth-screen.login-premium .brand-ornament:before,.auth-screen.login-premium .brand-ornament:after{content:'';width:36px;height:1px;background:linear-gradient(90deg,transparent,#c6a465)}
.auth-screen.login-premium .brand-ornament:after{transform:rotate(180deg)}
.auth-screen.login-premium .login-intro{position:relative;isolation:isolate;border:1px solid #e6d49d;border-radius:15px;padding:18px 17px;background:radial-gradient(ellipse at 90% 0,#4c9d8a7a,transparent 68%),linear-gradient(115deg,#0b4f50,#002e36 88%);box-shadow:0 3px 0 #a6c5b647,inset 0 1px 0 #fff2;color:#fff;overflow:hidden}
.auth-screen.login-premium .login-intro:before{height:80px;bottom:-50px;left:-10%;width:130%;background:#c0ddc81a;transform:rotate(-7deg)}
.auth-screen.login-premium .login-intro:after{width:130px;height:130px;top:0;right:-70px;border-color:#e3cf9720}
.auth-screen.login-premium .login-copy{position:relative;margin:0;z-index:1}
.auth-screen.login-premium .login-copy .welcome-title{font:700 clamp(15px,4.5vw,22px)/1.35 Georgia,serif;letter-spacing:-.45px;max-width:none;margin:0;color:#fff8e8;white-space:nowrap}
.auth-screen.login-premium .welcome-title em{font-style:normal;color:#e9cd85}
.auth-screen.login-premium .login-copy>p:not(.welcome-title){margin:5px 0 0;font:12px/1.6 Georgia,serif;color:#eff4e8;max-width:90%}
.auth-screen.login-premium .welcome-rule{display:block;width:37px;height:2px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,#e8c478,#f8e6b5)}
.auth-screen.login-premium .login-orbit{right:10px;bottom:-4px;transform:rotate(0);color:#e7c88860;z-index:0;pointer-events:none}
.auth-screen.login-premium .login-orbit svg{width:37px;height:88px;stroke-width:1}
.auth-screen.login-premium .login-form-panel{margin-top:7px;padding:17px 15px 14px;border:1px solid #fffef7;border-radius:16px;background:linear-gradient(125deg,#fffdf7ed,#f8f6e9e8);box-shadow:inset 0 1px 0 #fff,0 4px 13px #31513c08}
.auth-screen.login-premium .access-shield{display:grid;place-items:center;width:44px;height:48px;margin:0 auto 8px;color:#bc903c;border:1px solid #f0e4c6;border-radius:16px 16px 21px 21px;background:linear-gradient(145deg,#fffef9,#f2ead4);box-shadow:0 3px 0 #deceb329,0 6px 12px #9f874b0b}
.auth-screen.login-premium .access-shield svg{width:25px;height:29px}
.auth-screen.login-premium #login-title{font:700 clamp(22px,5.4vw,27px)/1.25 Georgia,serif;letter-spacing:-.7px;text-align:center;margin:0 0 7px;color:#103d3c}
.auth-screen.login-premium .login-form-note{text-align:center;margin:0 0 18px;font-size:12px;line-height:1.6;color:#53645f}
.auth-screen.login-premium .login-form-panel form{margin:0}
.auth-screen.login-premium .login-form-panel label{display:block;margin:14px 0 0;font-size:12px;font-weight:600;line-height:1.6;color:#173d38}
.auth-screen.login-premium .login-form-panel input,.auth-screen.login-premium .login-form-panel select{display:block;box-sizing:border-box;width:100%;min-height:49px;margin-top:5px;padding:11px 12px;border:1px solid #d8d9c9;border-radius:10px;background:linear-gradient(120deg,#fffef9,#fbfaf3);color:#173c39;font:16px/1.4 system-ui,sans-serif;box-shadow:inset 0 2px 4px #2b4b3c04,0 1px 0 #fff}
.auth-screen.login-premium .login-form-panel input::placeholder{font-size:12px;color:#6c7c73}
.auth-screen.login-premium .login-form-panel input:focus-visible,.auth-screen.login-premium .login-form-panel select:focus-visible{outline:3px solid #91c4b5;outline-offset:2px;border-color:#327c70}
.auth-screen.login-premium .password-control{position:relative;margin-top:5px}
.auth-screen.login-premium .password-control input{padding-right:80px;margin-top:0}
.auth-screen.login-premium .password-control .password-toggle{position:absolute;top:5px;right:5px;min-height:39px;margin:0;padding:7px 9px;border:1px solid #dfe2cf;border-radius:7px;background:#eef1e5;color:#265d51;box-shadow:none;font:600 10px/1.3 system-ui,sans-serif}
.auth-screen.login-premium .login-submit{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:52px;margin:19px 0 0;padding:13px 16px;border:1px solid #d9b76d;border-radius:12px;background:radial-gradient(ellipse at 5% 0,#509b8999,transparent 75%),linear-gradient(115deg,#0f6661,#00383c);color:#fff6dd;font:600 19px/1.3 Georgia,serif;box-shadow:0 3px 0 #b9cdb889,0 9px 16px #164a3d19,inset 0 1px 0 #ffffff40;transition:transform .18s,filter .18s}
.auth-screen.login-premium .login-submit svg{width:20px;height:20px}
.auth-screen.login-premium .login-submit:active{transform:translateY(2px)}
.auth-screen.login-premium .login-submit:focus-visible{outline:3px solid #5d9e8b;outline-offset:3px}
.auth-screen.login-premium .login-exchange{margin-top:20px;padding-top:14px;border-top:1px solid #e3d5b5}
.auth-screen.login-premium .login-exchange .fx-widget.fx-compact{margin:0;padding:12px 11px 10px;border:1px solid #e9dfc7;border-radius:14px;background:linear-gradient(125deg,#fffdf5,#f4f2e5);box-shadow:0 4px 0 #e3e3cd4d,0 8px 16px #5863480b;backdrop-filter:none}
.auth-screen.login-premium .login-exchange .fx-main{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.auth-screen.login-premium .login-exchange .fx-symbol{width:37px;height:37px;flex:0 0 37px;font-size:26px;box-shadow:0 0 0 2px #fff8e2,0 3px 7px #99844922}
.auth-screen.login-premium .login-exchange .fx-title{flex:1;min-width:130px}
.auth-screen.login-premium .login-exchange .fx-title>b{font:700 16px/1.3 Georgia,serif;color:#163d37}
.auth-screen.login-premium .login-exchange .fx-title small{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#617168}
.auth-screen.login-premium .login-exchange .fx-quote{flex:1 1 100%;background:none;padding:0 0 0 47px;border:0;border-radius:0;box-shadow:none;margin-top:-3px}
.auth-screen.login-premium .login-exchange .fx-main .fx-quote strong{font:500 12px/1.4 system-ui,sans-serif;letter-spacing:0;color:#425d51}
.auth-screen.login-premium .login-exchange .fx-inline-converter{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:6px;align-items:center;margin-top:11px}
.auth-screen.login-premium .login-exchange .fx-dollar-box,.auth-screen.login-premium .login-exchange .fx-lempira-box{min-width:0;margin:0;padding:7px 8px;border:1px solid #dedac7;border-radius:9px;background:#fffdf7;box-shadow:inset 0 1px 2px #415c3b05}
.auth-screen.login-premium .login-exchange .fx-lempira-box{background:linear-gradient(125deg,#e8f3e7,#d9eadf);border-color:#b9d5c4}
.auth-screen.login-premium .login-exchange .fx-dollar-box>span:first-child,.auth-screen.login-premium .login-exchange .fx-lempira-box>span{display:block;font-size:8px;line-height:1.4;color:#5a7164;margin:0 0 3px}
.auth-screen.login-premium .login-exchange .fx-input-wrap{display:flex;align-items:center;gap:5px;min-width:0}
.auth-screen.login-premium .login-exchange .fx-input-wrap i{font-size:10px;font-style:normal;color:#3b5a4d}
.auth-screen.login-premium .login-exchange input[data-fx-amount]{width:100%;min-width:0;min-height:27px;margin:0;padding:0;border:0;border-radius:2px;box-shadow:none;background:transparent;font-size:18px;font-weight:500;color:#163d37}
.auth-screen.login-premium .login-exchange .fx-lempira-box output{display:block;font-size:18px;font-weight:700;line-height:27px;letter-spacing:-.4px;color:#153e36;overflow-wrap:anywhere}
.auth-screen.login-premium .login-exchange .fx-convert-arrow{font-size:20px;color:#3d8c70}
.auth-screen.login-premium .login-exchange .fx-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}
.auth-screen.login-premium .login-exchange .fx-rate-choice{margin:0;min-width:0}
.auth-screen.login-premium .login-exchange .fx-rate-choice select{min-height:36px;max-width:150px;margin:0;padding:6px 7px;border-color:#dbdfcb;border-radius:7px;background:#fffdf5;font-size:10px;box-shadow:none}
.auth-screen.login-premium .login-exchange .fx-reference-hint{font-size:8px;line-height:1.4;max-width:92px;padding:0;border:0;text-align:right;color:#657467}
.auth-screen.login-premium .login-exchange .fx-message{font-size:10px;line-height:1.5;color:#795321;margin:7px 0 0}
.auth-screen.login-premium .login-exchange .fx-message:empty,.auth-screen.login-premium .login-exchange .fx-calc-note:empty,.auth-screen.login-premium .login-exchange .fx-consulted:empty{display:none}
.auth-screen.login-premium .login-exchange .fx-calc-note,.auth-screen.login-premium .login-exchange .fx-consulted{font-size:9px;color:#616e5d;margin:7px 0 0}
.auth-screen.login-premium .login-signoff{margin:18px 0 0;font-size:10px;line-height:1.6;color:#596e60}
.auth-screen.login-premium .mobile-install{margin-top:22px;border-color:#dce2cb;background:linear-gradient(125deg,#fffdf4,#edf3e7);box-shadow:0 3px 0 #dde5cf66}
@media(max-width:350px){.auth-screen.login-premium main{padding-left:10px;padding-right:10px;padding-top:16px}.auth-screen.login-premium .premium-access{padding:12px 7px 9px}.auth-screen.login-premium .login-intro{padding:15px 12px}.auth-screen.login-premium .login-copy .welcome-title{font-size:15px;letter-spacing:-.3px}.auth-screen.login-premium .login-form-panel{padding:15px 11px 12px}.auth-screen.login-premium .login-brand strong{font-size:20px}.auth-screen.login-premium .login-brand{gap:12px}.auth-screen.login-premium .login-emblem{width:53px;height:53px;flex-basis:53px;font-size:38px}.auth-screen.login-premium .login-exchange .fx-title>b{font-size:14px}.auth-screen.login-premium .login-exchange .fx-title{min-width:110px}.auth-screen.login-premium .login-exchange .fx-lempira-box output{font-size:16px}.auth-screen.login-premium .login-exchange .fx-rate-choice select{max-width:132px}}
@media(hover:hover){.auth-screen.login-premium .login-submit:hover{filter:brightness(1.1)}}
@media(prefers-reduced-motion:reduce){.auth-screen.login-premium .login-submit{transition:none}}
/* Override the earlier compact-login rule that hid all introductory paragraphs. */
.auth-screen.login-premium .login-copy>p{display:block}
.auth-screen.login-premium .login-orbit{opacity:1}

/* Match the width of the dashboard while keeping the access responsive. */
.auth-screen.login-premium main{max-width:700px;padding-left:18px;padding-right:18px}
.auth-screen.login-premium .login-exchange .fx-input-wrap i{position:static;transform:none;flex:0 0 auto}
@media(max-width:350px){.auth-screen.login-premium main{padding-left:12px;padding-right:12px}}