/* Tela de acesso (/login/) — referência base/login.html. Unbox Painel. */
body.ubp-auth{margin:0;background:#f3f3f1;font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased}
.ubp-auth *,.ubp-auth *::before,.ubp-auth *::after{box-sizing:border-box}
.ubp-auth a{color:#FF6A00;text-decoration:none}
.ubp-auth a:hover{color:#e55f00}
.ubp-auth button{font-family:inherit}
.ubp-auth input::placeholder{color:#a8a8a4}
.ubp-auth [hidden]{display:none !important}
@keyframes lg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lg-spin{to{transform:rotate(360deg)}}

.ubp-auth-page{min-height:calc(100vh / var(--ubx-z, 1));display:flex;flex-direction:column;font-family:'Poppins',sans-serif;color:#141414;background:#f3f3f1}
.ubp-auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.ubp-auth-col{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:22px;animation:lg-in .35s ease}
.ubp-auth-head{text-align:center}
.ubp-auth-logo{height:64px;max-width:100%;display:block;margin:0 auto;border-radius:8px;object-fit:contain}
.ubp-auth-head h1{margin:18px 0 4px;font-size:22px;font-weight:600}
.ubp-auth-head p{margin:0;font-size:14px;color:#777}

.ubp-auth-card{width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);padding:28px;display:flex;flex-direction:column;gap:18px;border-top:4px solid #FAA70C;margin:0}
.ubp-auth-card [data-setup-step]{display:flex;flex-direction:column;gap:18px}

.ubp-auth-alert{display:flex;align-items:center;gap:10px;background:#fdeceb;color:#a52a20;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.45}
.ubp-auth-alert svg{flex:none}
.ubp-auth-alert.is-ok{background:#e9f6e5;color:#2c6a1d}
.ubp-auth-alert.is-warn{background:#fff4db;color:#7a5200}
.ubp-auth-alert a{color:inherit;text-decoration:underline}

.ubp-auth-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
.ubp-auth-box{display:flex;align-items:center;gap:10px;height:46px;border:1.5px solid #dcdcd8;border-radius:10px;padding:0 14px;background:#fff;transition:border-color .15s}
.ubp-auth-box--pw{padding:0 8px 0 14px}
.ubp-auth-box svg{flex:none}
.ubp-auth-box:focus-within{border-color:#FAA70C}
.ubp-auth-box.is-error{border-color:#e5655a}
.ubp-auth-box input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14px;font-weight:400;background:transparent;color:#141414;padding:1px 2px;margin:0}
.ubp-auth-box input.ubp-auth-code{letter-spacing:.32em;font-weight:500;font-size:16px}
.ubp-auth-eye{width:32px;height:32px;border:0;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#777;flex:none}
.ubp-auth-eye:hover{background:#f3f3f1}

.ubp-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ubp-auth-row--center{justify-content:center}
.ubp-auth-check{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;cursor:pointer;font-size:13px;color:#444}
.ubp-auth-check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid #b8b8b4;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .12s}
.ubp-auth-check-box svg{display:none}
.ubp-auth-check[aria-checked="true"] .ubp-auth-check-box{background:#FF6A00;border-color:#FF6A00}
.ubp-auth-check[aria-checked="true"] .ubp-auth-check-box svg{display:block}
.ubp-auth .ubp-auth-forgot{font-size:13px;font-weight:600;color:#FAA70C}
.ubp-auth .ubp-auth-forgot:hover{color:#e29600}
.ubp-auth .ubp-auth-forgot.ubp-auth-muted{color:#777;font-weight:500}
.ubp-auth .ubp-auth-forgot.ubp-auth-muted:hover{color:#141414}
.ubp-auth-link{border:0;background:transparent;padding:0;cursor:pointer;font-size:13px;font-weight:600;color:#FAA70C}
.ubp-auth-link:hover{color:#e29600}

.ubp-auth .ubp-auth-submit{height:48px;border:0;border-radius:10px;background:#FAA70C;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px rgba(250,167,12,.35);width:100%;text-decoration:none}
.ubp-auth .ubp-auth-submit:hover{background:#e29600;color:#fff}
.ubp-auth-submit[disabled]{cursor:progress}
.ubp-auth-idle,.ubp-auth-busy{display:flex;align-items:center;justify-content:center;gap:10px}
.ubp-auth-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:lg-spin .7s linear infinite;display:inline-block}
.ubp-auth-spin--dark{border-color:rgba(0,0,0,.12);border-top-color:#FAA70C}

.ubp-auth-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.ubp-auth-rc{margin:-4px 0 0;font-size:11px;color:#999;text-align:center}
.ubp-auth-rc a{color:#777;text-decoration:underline}
.grecaptcha-badge{visibility:hidden !important}

.ubp-auth .ubp-auth-back{display:flex;align-items:center;gap:6px;font-size:13px;color:#777}
.ubp-auth .ubp-auth-back:hover{color:#141414}

/* 2FA — configuração */
.ubp-auth-steps{margin:0;padding:0 0 0 18px;font-size:13px;color:#444;line-height:1.55;display:flex;flex-direction:column;gap:4px}
.ubp-auth-qr{width:184px;height:184px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1.5px solid #ececea;border-radius:12px;padding:10px;background:#fff}
.ubp-auth-qr svg{width:100%;height:100%;display:block}
.ubp-auth-key-label{margin:-6px 0 -10px;font-size:12px;color:#777;text-align:center}
.ubp-auth-key{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#f7f7f5;border-radius:8px;padding:9px 12px}
.ubp-auth-key code{font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:#141414;word-break:break-all;text-align:center}
.ubp-auth-text{margin:0;font-size:13px;color:#444;line-height:1.55}
.ubp-auth-codes{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;background:#f7f7f5;border-radius:8px}
.ubp-auth-codes li{font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center}

.ubp-auth-foot{background:#fff;border-top:1px solid #e8e8e6;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ubp-auth-copy{font-size:12px;color:#777}
.ubp-auth-dev{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#999}
.ubp-auth-dev a{display:block;line-height:0}
.ubp-auth-dev img{height:20px;width:auto;display:block}
