/* VEORA ONE 26.8.0 — login, reset password, daftar broker: pola Flowbite (kartu tengah, latar abu, logo di atas).
   Struktur HTML dan ID tidak diubah; hanya tampilan. Dimuat setelah veora-auth-v26.css dan veora-fb-tokens-v28.css. */
body.auth-gate-only{background:var(--fb-bg);color:var(--fb-text);font-family:var(--fb-font)}
body.auth-gate-only #tailadminRoot{background:transparent}

body.auth-gate-only .v26-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:100vh;min-height:100dvh;padding:2rem 1rem;background:var(--fb-bg);font-family:var(--fb-font);font-size:.875rem;line-height:1.5;color:var(--fb-text)}
@media (min-width:768px){body.auth-gate-only .v26-auth{padding-top:2.5rem}}

/* logo di atas kartu */
body.auth-gate-only .v26-stub{display:block;position:static;width:100%;max-width:36rem;padding:0;margin:0 0 1.5rem;background:transparent;color:var(--fb-text);text-align:center}
body.auth-gate-only .v26-stub::before,body.auth-gate-only .v26-stub::after{display:none}
body.auth-gate-only .v26-stub__body,body.auth-gate-only .v26-stub__foot{display:none}
body.auth-gate-only .v26-stub__top{display:flex;justify-content:center}
body.auth-gate-only .v26-brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--fb-text);text-decoration:none;border-radius:.5rem}
body.auth-gate-only .v26-brand img{width:2.75rem;height:2.75rem;padding:0;background:transparent;border-radius:0;object-fit:contain}
body.auth-gate-only .v26-brand span{text-align:left}
body.auth-gate-only .v26-brand strong{font:600 1.5rem/1.1 var(--fb-font);letter-spacing:0;color:var(--fb-text)}
body.auth-gate-only .v26-brand small{margin-top:.125rem;font:400 .75rem/1.2 var(--fb-font);color:var(--fb-text-2)}
body.auth-gate-only .v26-brand:focus-visible{outline:none;box-shadow:0 0 0 4px var(--fb-ring)}

/* kartu */
body.auth-gate-only .v26-form-side{display:block;width:100%;padding:0;background:transparent}
body.auth-gate-only .v26-card{width:100%;max-width:36rem;margin:0 auto;padding:1.5rem;background:var(--fb-surface);border:0;border-radius:.5rem;box-shadow:var(--fb-shadow)}
@media (min-width:640px){body.auth-gate-only .v26-card{padding:2rem}}
body.auth-gate-only .v26-auth[data-auth-visual-mode="broker_register"] .v26-card{max-width:42rem}
body.auth-gate-only .v26-card__head{margin-bottom:1.25rem;align-items:flex-start;gap:.75rem}
body.auth-gate-only .v26-card h2{margin:0 0 .25rem;font:700 1.5rem/1.25 var(--fb-font);letter-spacing:0;color:var(--fb-text);text-wrap:balance}
body.auth-gate-only .v26-card__titles p{margin:0;color:var(--fb-text-2);font-size:.875rem}
body.auth-gate-only .v26-card__head .v-stamp{margin-top:.25rem;padding:.125rem .625rem;border:0;border-radius:.375rem;background:var(--fb-info-bg);color:var(--fb-info-fg);font:500 .75rem/1.5 var(--fb-font);letter-spacing:0;text-transform:none;transform:none;white-space:nowrap}

/* tab: garis bawah biru seperti Flowbite */
body.auth-gate-only .v26-tabs{gap:0;margin-bottom:1.25rem;border-bottom:1px solid var(--fb-border)}
body.auth-gate-only .v26-tab{margin-bottom:-1px;padding:.75rem 1rem;color:var(--fb-text-2);font:500 .875rem/1.25 var(--fb-font);border-bottom:2px solid transparent;border-radius:.5rem .5rem 0 0}
body.auth-gate-only .v26-tab:hover{color:var(--fb-text-3);border-bottom-color:var(--fb-border-2)}
body.auth-gate-only .v26-tab.is-active{color:var(--fb-primary-text);border-bottom-color:var(--fb-primary-text)}
body.auth-gate-only .v26-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--fb-ring)}

/* langkah */
body.auth-gate-only .v26-steps{gap:.75rem;margin:0 0 1.25rem;padding:0}
body.auth-gate-only .v26-step{gap:.5rem;padding:0 0 .625rem;border:0;border-bottom:4px solid var(--fb-border);border-radius:0;color:var(--fb-text-2)}
body.auth-gate-only .v26-step.is-active,body.auth-gate-only .v26-step.is-done{border-bottom-color:var(--fb-primary)}
body.auth-gate-only .v26-step__n{width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--fb-hover);color:var(--fb-text-2);font:600 .75rem/1 var(--fb-font)}
body.auth-gate-only .v26-step.is-active .v26-step__n,body.auth-gate-only .v26-step.is-done .v26-step__n{background:var(--fb-primary);color:#fff;border:0}
body.auth-gate-only .v26-step strong{font:500 .875rem/1.25 var(--fb-font);color:var(--fb-text)}
body.auth-gate-only .v26-step small{font:400 .75rem/1.25 var(--fb-font);color:var(--fb-text-2)}

/* form */
body.auth-gate-only .v26-form{gap:1.25rem}
body.auth-gate-only .v26-label{margin-bottom:.5rem;font:500 .875rem/1.25 var(--fb-font);color:var(--fb-text)}
body.auth-gate-only .v26-control{background:var(--fb-surface-2);border:1px solid var(--fb-border-2);border-bottom-width:1px;border-radius:.5rem;box-shadow:none;transition:none}
body.auth-gate-only .v26-control:hover{border-color:var(--fb-border-2)}
body.auth-gate-only .v26-control:focus-within{background:var(--fb-surface-2);border-color:var(--fb-primary-500,#3b82f6);border-bottom-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}
body.auth-gate-only .v26-control input,body.auth-gate-only .v26-control select{padding:.625rem;background:transparent;color:var(--fb-text);font:400 .875rem/1.25 var(--fb-font);border:0;outline:none;box-shadow:none}
body.auth-gate-only .v26-control input::placeholder{color:var(--fb-text-2)}
body.auth-gate-only .v26-toggle{color:var(--fb-primary-text);font:500 .75rem/1 var(--fb-font)}
body.auth-gate-only .v26-toggle:hover{background:var(--fb-hover);color:var(--fb-primary-hover)}
body.auth-gate-only .v26-help,body.auth-gate-only .v26-foot{color:var(--fb-text-2);font-size:.75rem;line-height:1.5}
body.auth-gate-only .v26-section{border-top:1px solid var(--fb-border)}
body.auth-gate-only .v26-section h3{font:600 .875rem/1.25 var(--fb-font);color:var(--fb-text)}
body.auth-gate-only .v26-section p{color:var(--fb-text-2);font-size:.75rem}

/* verifikasi manusia + peringatan (alert Flowbite) */
body.auth-gate-only .v26-human{padding:1rem;border:1px solid var(--fb-border);border-radius:.5rem;background:var(--fb-surface-2)}
body.auth-gate-only .v26-human__copy strong{font:500 .875rem/1.25 var(--fb-font);color:var(--fb-text)}
body.auth-gate-only .v26-human__copy small{color:var(--fb-text-2);font-size:.75rem}
body.auth-gate-only .v26-notice,body.auth-gate-only .v26-feedback{padding:1rem;border:0;border-left:0;border-radius:.5rem;background:var(--fb-err-bg);color:var(--fb-err-fg);font:400 .875rem/1.5 var(--fb-font)}
body.auth-gate-only .v26-notice strong{font-weight:600;color:inherit}
body.auth-gate-only .v26-feedback[hidden]{display:none}

/* tombol utama */
body.auth-gate-only .v26-submit{width:100%;min-height:0;padding:.75rem 1.25rem;border:0;border-radius:.5rem;background:var(--fb-primary);color:#fff;font:500 1rem/1.5 var(--fb-font);letter-spacing:0;text-align:center;box-shadow:none;transition:background-color .15s}
body.auth-gate-only .v26-submit:hover:not(:disabled){background:var(--fb-primary-hover);transform:none;box-shadow:none}
body.auth-gate-only .v26-submit:active:not(:disabled){transform:none}
body.auth-gate-only .v26-submit:focus-visible{outline:none;box-shadow:0 0 0 4px var(--fb-ring)}
body.auth-gate-only .v26-submit:disabled{opacity:.6;cursor:not-allowed}
body.auth-gate-only .v26-back,body.auth-gate-only .v26-resend button{color:var(--fb-primary-text);font:500 .875rem/1.25 var(--fb-font)}
body.auth-gate-only .v26-back:hover,body.auth-gate-only .v26-resend button:not(:disabled):hover{background:transparent;text-decoration:underline}

/* OTP / PIN */
body.auth-gate-only .v26-otp-head p,body.auth-gate-only .v26-otp-head small{color:var(--fb-text-2)}
body.auth-gate-only .v26-otp-head strong{color:var(--fb-text)}
body.auth-gate-only .v26-otp{color:var(--fb-text);font-family:var(--fb-mono)!important}
body.auth-gate-only .v26-otp-status.is-success{color:var(--fb-ok-fg)}
body.auth-gate-only .v26-otp-status.is-error{color:var(--fb-err-fg)}

/* kekuatan password */
body.auth-gate-only .v26-meter__track{background:var(--fb-border);border-radius:9999px}
body.auth-gate-only .v26-meter small{color:var(--fb-text-2)}

/* kaki kartu */
body.auth-gate-only .v26-card__foot{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--fb-border);color:var(--fb-text-2);font-size:.75rem}
body.auth-gate-only .v26-card__foot a{color:var(--fb-primary-text);text-decoration:none}
body.auth-gate-only .v26-card__foot a:hover{text-decoration:underline}
body.auth-gate-only .v26-card__foot #loginVersionBadge{color:var(--fb-text-2)}

@media (max-width:560px){
  body.auth-gate-only .v26-auth{justify-content:flex-start;padding:1.5rem .75rem}
  body.auth-gate-only .v26-stub{margin-bottom:1rem}
  body.auth-gate-only .v26-card__head{flex-wrap:wrap}
  body.auth-gate-only .v26-step small{display:none}
}
@media (max-width:420px){body.auth-gate-only .v26-tab{padding:.75rem .5rem;font-size:.8125rem}}
