/* AMELIAPOS_PREAUTH_ENTRY_VISUAL_R16_5R5
   Single visual authority for public onboarding + branch selection.
   Palette follows approved operator login: black / graphite / orange. */

html:not(.amelia-entry-resolved-r165r4),
html:not(.amelia-entry-resolved-r165r4) body{background:#070708!important}
html:not(.amelia-entry-resolved-r165r4) #loginForm,
html:not(.amelia-entry-resolved-r165r4) #companyGate{visibility:hidden!important;pointer-events:none!important}
#loginForm.hidden{display:none!important}
#ameliaEntryBootR165R4{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,rgba(244,122,32,.07),transparent 30%),linear-gradient(180deg,#09090a,#050506);color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#ameliaEntryBootR165R4.hidden,html.amelia-entry-resolved-r165r4 #ameliaEntryBootR165R4{display:none!important}
#ameliaEntryBootR165R4>div{display:grid;justify-items:center;gap:14px;padding:24px}
#ameliaEntryBootR165R4 img{display:block;width:min(290px,68vw);height:auto}
#ameliaEntryBootR165R4 span{color:#a4a4ab;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#ameliaEntryBootR165R4 i{display:block;width:38px;height:2px;border-radius:999px;background:#f47a20;box-shadow:0 0 20px rgba(244,122,32,.35);animation:ameliaEntryPulseR165R4 .9s ease-in-out infinite alternate}
@keyframes ameliaEntryPulseR165R4{from{opacity:.35;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){#ameliaEntryBootR165R4 i{animation:none}}

/* AMELIAPOS_PREAUTH_ENTRY_VISUAL_R16_5R5
   Public perimeter only. Does not style the operator PIN login. */

#companyGate,
#companyGate *{box-sizing:border-box}

/* Public scene authority: this stylesheet must be available before the
   operational bundle. This makes the existing `hidden` state deterministic. */
#companyGate.hidden{display:none!important}
#companyGate:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:1200!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  min-height:100dvh!important;
  padding:24px!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  color:#f4f4f5!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:
    radial-gradient(circle at 90% 2%,rgba(244,122,32,.18),transparent 25%),
    radial-gradient(circle at 3% 96%,rgba(255,255,255,.025),transparent 29%),
    linear-gradient(145deg,#050506 0%,#09090a 42%,#111113 100%)!important;
}
#companyGate:not(.hidden)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 46%,transparent 90%);
  mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 46%,transparent 90%);
}
#login #companyGate:not(.hidden)~#loginForm{display:none!important}

/* Critical: only one onboarding scene may be visible. The existing controller
   already toggles `.hidden`; this public layer makes that contract independent
   from ameliapos.css / post-login CSS. */
#companyGate .hidden{display:none!important}
#companyGate #companyWelcome.hidden,
#companyGate #companyAccessForm.hidden,
#companyGate #companyOnboarding.hidden,
#companyGate #companyVerification.hidden,
#companyGate #companyAdminActivation.hidden,
#companyGate #branchGate.hidden{display:none!important}

#companyGate .amelia-device-card.amelia-onboarding-shell{
  position:relative!important;
  isolation:isolate;
  width:min(1080px,100%)!important;
  min-width:0!important;
  min-height:0!important;
  max-height:calc(100dvh - 48px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  margin:auto!important;
  padding:26px 30px 20px!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,15,17,.99),rgba(8,8,9,.99))!important;
  box-shadow:0 38px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#companyGate .amelia-device-card.amelia-onboarding-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  border-radius:24px 24px 0 0;
  background:linear-gradient(90deg,transparent,#f47a20 18%,#ff9a3c 48%,#f47a20 80%,transparent);
  opacity:.9;
}

#companyGate .amelia-device-brand{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:58px!important;
  flex:0 0 auto;
}
#companyGate .amelia-device-brand img{
  display:block!important;
  width:190px!important;
  max-width:54vw!important;
  height:auto!important;
  object-fit:contain!important;
}
#companyGate .amelia-device-brand>span{
  padding-bottom:7px!important;
  color:#8b8b92!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.19em!important;
}

#companyGate .amelia-kicker{
  color:#ff8528!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}
#companyGate h1,#companyGate h2,#companyGate h3,#companyGate p{max-width:100%}
#companyGate .amelia-entry-copy h1,
#companyGate .amelia-panel-head h1,
#companyGate .amelia-verification h1,
#companyGate .amelia-activation h1{
  margin:0!important;
  color:#fafafa!important;
  font-size:clamp(28px,3.1vw,40px)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
}
#companyGate .amelia-entry-copy p,
#companyGate .amelia-panel-head p,
#companyGate .amelia-verification p,
#companyGate .amelia-activation p{
  margin:0!important;
  color:#a4a4ab!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* WELCOME -------------------------------------------------------------- */
#companyGate .amelia-entry-panel{
  width:100%!important;
  max-width:850px!important;
  display:grid!important;
  gap:22px!important;
  align-self:center!important;
  padding:10px 0 6px!important;
}
#companyGate .amelia-entry-copy{display:grid!important;gap:8px!important}
#companyGate .amelia-entry-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
#companyGate .amelia-entry-choice{
  min-width:0!important;
  min-height:128px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:15px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#18181b,#111113)!important;
  color:#f4f4f5!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 15px 34px rgba(0,0,0,.12)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease!important;
}
#companyGate .amelia-entry-choice:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(244,122,32,.48)!important;
  background:linear-gradient(180deg,#202023,#161618)!important;
}
#companyGate .amelia-entry-choice.primary{
  border-color:rgba(244,122,32,.72)!important;
  background:linear-gradient(112deg,rgba(244,122,32,.16),#18181b 46%,#111113)!important;
  box-shadow:inset 3px 0 0 #f47a20,0 15px 34px rgba(0,0,0,.14)!important;
}
#companyGate .amelia-entry-choice strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.15!important}
#companyGate .amelia-entry-choice small{display:block!important;margin-top:6px!important;color:#9999a1!important;font-size:12px!important;line-height:1.42!important}
#companyGate .amelia-entry-choice>b{color:#ff8528!important;font-size:29px!important;font-weight:700!important}
#companyGate .amelia-choice-icon,
#companyGate .amelia-scenario-icon{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border:1px solid rgba(244,122,32,.36)!important;
  border-radius:15px!important;
  background:rgba(244,122,32,.09)!important;
  color:#ff8528!important;
}
#companyGate .amelia-choice-icon svg,
#companyGate .amelia-scenario-icon svg,
#companyGate .amelia-verification-icon svg{
  width:28px!important;
  height:28px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#companyGate .amelia-entry-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px 18px!important;
  padding:4px 2px 0!important;
  color:#7d7d85!important;
  font-size:10px!important;
  line-height:1.4!important;
}

/* FORMS ---------------------------------------------------------------- */
#companyGate .amelia-existing-form{
  width:100%!important;
  max-width:650px!important;
  display:grid!important;
  gap:15px!important;
  align-self:center!important;
  padding:12px 0 6px!important;
}
#companyGate .amelia-panel-head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:start!important;
  margin-bottom:2px!important;
}
#companyGate .amelia-panel-head>div{display:grid!important;gap:7px!important}
#companyGate .amelia-back-link{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:12px!important;
  background:#18181b!important;
  color:#dddddf!important;
  font-size:25px!important;
  line-height:1!important;
  cursor:pointer!important;
}
#companyGate .amelia-field{display:grid!important;gap:7px!important;min-width:0!important}
#companyGate .amelia-field>label{
  color:#e1e1e3!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
#companyGate .amelia-field>label small{color:#83838b!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
#companyGate .amelia-input-wrap{
  min-width:0!important;
  height:54px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.29)!important;
  border-radius:13px!important;
  background:#101012!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
#companyGate .amelia-input-wrap:focus-within{
  border-color:#f47a20!important;
  box-shadow:0 0 0 3px rgba(244,122,32,.12)!important;
}
#companyGate .amelia-input-wrap>span{display:grid!important;place-items:center!important;color:#8a8a92!important;font-size:14px!important}
#companyGate .amelia-input-wrap input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 13px 0 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f7f7f8!important;
  box-shadow:none!important;
  font:600 15px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-text-fill-color:#f7f7f8!important;
}
#companyGate .amelia-input-wrap input::placeholder{color:#73737b!important;font-weight:500!important;opacity:1!important}
#companyGate .amelia-input-wrap input:-webkit-autofill,
#companyGate .amelia-input-wrap input:-webkit-autofill:hover,
#companyGate .amelia-input-wrap input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f7f7f8!important;
  box-shadow:0 0 0 1000px #101012 inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

#companyGate .amelia-primary-action,
#companyGate .amelia-secondary-action,
#companyGate .amelia-text-action{
  min-height:50px!important;
  border-radius:12px!important;
  font:900 13px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#companyGate .amelia-primary-action{
  border:0!important;
  padding:0 21px!important;
  background:linear-gradient(135deg,#ff7d13,#ef6200)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(239,98,0,.18)!important;
}
#companyGate .amelia-primary-action:hover{background:linear-gradient(135deg,#ff8a27,#fa6c05)!important}
#companyGate .amelia-primary-action:disabled{opacity:.52!important;cursor:wait!important}
#companyGate .amelia-secondary-action{
  border:1px solid rgba(255,255,255,.30)!important;
  padding:0 17px!important;
  background:#151517!important;
  color:#dedee0!important;
}
#companyGate .amelia-text-action{border:0!important;padding:0 12px!important;background:transparent!important;color:#9999a1!important}
#companyGate button:focus-visible,
#companyGate input:focus-visible{outline:3px solid rgba(244,122,32,.28)!important;outline-offset:2px!important}
#companyGate .amelia-device-status,
#companyGate .amelia-onboarding-status{
  min-height:18px!important;
  color:#9a9aa2!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#companyGate .amelia-device-status.error,
#companyGate .amelia-onboarding-status.error{color:#ffaaa2!important}

/* GUIDED REGISTRATION --------------------------------------------------- */
#companyGate .amelia-onboarding{width:100%!important;min-height:0!important}
#companyGate .amelia-onboarding-layout{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
#companyGate .amelia-onboarding-progress{
  min-height:500px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#171719,#0d0d0f)!important;
}
#companyGate .amelia-progress-title{display:grid!important;gap:5px!important;padding-bottom:15px!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
#companyGate .amelia-progress-title strong{color:#f4f4f5!important;font-size:15px!important}
#companyGate .amelia-onboarding-progress ol{list-style:none!important;display:grid!important;gap:4px!important;margin:0!important;padding:14px 0!important}
#companyGate .amelia-onboarding-progress li{
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 8px!important;
  border-radius:11px!important;
  color:#898991!important;
}
#companyGate .amelia-onboarding-progress li i{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border:1px solid #6e6e76!important;
  border-radius:50%!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
}
#companyGate .amelia-onboarding-progress li span{display:grid!important;gap:2px!important}
#companyGate .amelia-onboarding-progress li b{font-size:11px!important;color:inherit!important}
#companyGate .amelia-onboarding-progress li small{font-size:9px!important;color:#77777f!important}
#companyGate .amelia-onboarding-progress li.active{background:rgba(244,122,32,.09)!important;color:#f6f6f7!important}
#companyGate .amelia-onboarding-progress li.active i{border-color:#f47a20!important;background:#f47a20!important;color:#fff!important}
#companyGate .amelia-onboarding-progress li.done i{border-color:#2eae7e!important;color:#76dbb1!important}
#companyGate .amelia-onboarding-progress>.amelia-secondary-action{margin-top:auto!important}

#companyGate .amelia-onboarding-main{
  min-width:0!important;
  min-height:500px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:21px 23px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#1a1a1d,#151517)!important;
}
#companyGate .amelia-mobile-progress{display:none!important}
#companyGate .amelia-onboarding-step{display:grid!important;gap:18px!important}
#companyGate .amelia-step-head{display:grid!important;gap:5px!important;padding-bottom:13px!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
#companyGate .amelia-step-head>span{color:#ff8528!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
#companyGate .amelia-step-head h2{margin:0!important;color:#f6f6f7!important;font-size:25px!important;letter-spacing:-.018em!important}
#companyGate .amelia-step-head p{margin:0!important;color:#96969e!important;font-size:12px!important;line-height:1.45!important}
#companyGate .amelia-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
#companyGate .amelia-form-grid.compact{max-width:620px!important}
#companyGate .amelia-form-grid .full{grid-column:1/-1!important}
#companyGate .amelia-password-help{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#companyGate .amelia-password-help span{padding:6px 9px!important;border-radius:999px!important;background:#202023!important;color:#9999a1!important;font-size:9px!important}

#companyGate .amelia-scenario-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#companyGate .amelia-scenario-grid button{
  min-width:0!important;
  min-height:94px!important;
  display:grid!important;
  grid-template-columns:49px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:14px!important;
  background:#151517!important;
  color:#f1f1f2!important;
  text-align:left!important;
  cursor:pointer!important;
}
#companyGate .amelia-scenario-grid button strong{display:block!important;font-size:14px!important;color:#f6f6f7!important}
#companyGate .amelia-scenario-grid button small{display:block!important;margin-top:4px!important;color:#808088!important;font-size:10px!important;line-height:1.35!important}
#companyGate .amelia-scenario-grid button>i{visibility:hidden!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#f47a20!important;color:#fff!important;font-style:normal!important;font-size:10px!important}
#companyGate .amelia-scenario-grid button.active{border-color:#f47a20!important;background:rgba(244,122,32,.075)!important}
#companyGate .amelia-scenario-grid button.active>i{visibility:visible!important}

#companyGate .amelia-review-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:14px!important;overflow:hidden!important}
#companyGate .amelia-review-card>div{min-width:0!important;padding:11px 13px!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
#companyGate .amelia-review-card>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.11)!important}
#companyGate .amelia-review-card span{display:block!important;color:#7b7b83!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase!important}
#companyGate .amelia-review-card strong{display:block!important;margin-top:4px!important;color:#f0f0f1!important;font-size:12px!important;overflow-wrap:anywhere!important}
#companyGate .amelia-confirm-check{display:flex!important;align-items:flex-start!important;gap:9px!important;color:#d0d0d3!important;font-size:11px!important;line-height:1.45!important}
#companyGate .amelia-confirm-check input{width:18px!important;height:18px!important;margin:0!important;accent-color:#f47a20!important;flex:0 0 auto!important}
#companyGate .amelia-onboarding-status{margin-top:auto!important;padding-top:12px!important}
#companyGate .amelia-onboarding-nav{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding-top:10px!important}
#companyGate .amelia-onboarding-nav .amelia-primary-action{min-width:150px!important}
#companyGate .amelia-onboarding-nav .amelia-secondary-action{min-width:100px!important}

/* EMAIL VERIFICATION / ACTIVATION -------------------------------------- */
#companyGate .amelia-verification,
#companyGate .amelia-activation{
  width:100%!important;
  max-width:650px!important;
  display:grid!important;
  gap:14px!important;
  align-self:center!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#1a1a1d,#151517)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.16)!important;
}
#companyGate .amelia-verification-icon{
  display:grid!important;
  place-items:center!important;
  width:60px!important;
  height:60px!important;
  border:1px solid rgba(244,122,32,.42)!important;
  border-radius:17px!important;
  background:rgba(244,122,32,.09)!important;
  color:#ff8528!important;
}
#companyGate .amelia-verification-icon svg{width:32px!important;height:32px!important}
#companyGate .amelia-verification-state{padding:13px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:12px!important;background:#111113!important;color:#aaaaaf!important;font-size:11px!important;line-height:1.45!important}
#companyGate .amelia-verification-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#companyGate .amelia-verification-actions .amelia-text-action{grid-column:1/-1!important}
#companyGate .amelia-activation>.amelia-primary-action{max-width:370px!important}

/* BRANCH / EXISTING BINDING -------------------------------------------- */
#companyGate .amelia-device-branches{
  width:100%!important;
  max-width:820px!important;
  display:grid!important;
  gap:16px!important;
  align-self:center!important;
  padding:10px 0 6px!important;
}
#companyGate .amelia-device-branches-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:start!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
#companyGate .amelia-device-branches-head>div:first-child{display:grid!important;gap:6px!important;min-width:0!important}
#companyGate .amelia-device-branches-head>div:first-child>span{
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 9px!important;
  border:1px solid rgba(49,192,137,.25)!important;
  border-radius:999px!important;
  background:rgba(49,192,137,.08)!important;
  color:#66d9ad!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}
#companyGate .amelia-device-branches-head>div:first-child>span::before{content:"✓";font-size:10px!important}
#companyGate .amelia-device-branches-head h2{
  margin:0!important;
  color:#f7f7f8!important;
  font-size:clamp(27px,3vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
#companyGate .amelia-device-branches-head p{margin:0!important;max-width:620px!important;color:#a2a2a8!important;font-size:13px!important;line-height:1.5!important}
#companyGate .amelia-device-branch-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#companyGate .amelia-device-branch-actions button{
  min-height:42px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.27)!important;
  border-radius:11px!important;
  background:#161618!important;
  color:#dedee0!important;
  font-size:11px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
#companyGate .amelia-device-branch-actions button.danger{
  border-color:rgba(222,87,76,.30)!important;
  background:rgba(140,38,32,.14)!important;
  color:#ffaaa2!important;
}
#companyGate .amelia-device-branch-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}
#companyGate .amelia-device-branch-list button{
  min-width:0!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px 16px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#1b1b1e,#151517)!important;
  color:#f0f0f1!important;
  text-align:left!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  transition:border-color .14s ease,transform .14s ease,background .14s ease!important;
}
#companyGate .amelia-device-branch-list button:hover{transform:translateY(-1px)!important;border-color:rgba(244,122,32,.46)!important;background:linear-gradient(180deg,#202023,#1a1a1d)!important}
#companyGate .amelia-device-branch-list button.current{
  border-color:rgba(244,122,32,.80)!important;
  background:linear-gradient(110deg,rgba(244,122,32,.14),#18181b 46%,#151517)!important;
  box-shadow:inset 3px 0 0 #f47a20!important;
}
#companyGate .amelia-device-branch-list button>span{min-width:0!important;display:block!important}
#companyGate .amelia-device-branch-list button strong{display:block!important;color:#f7f7f8!important;font-size:15px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
#companyGate .amelia-device-branch-list button small{display:block!important;margin-top:5px!important;color:#7e7e86!important;font-size:10px!important;line-height:1.3!important}
#companyGate .amelia-device-branch-list button em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(244,122,32,.10)!important;
  color:#c8c8cc!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#companyGate .amelia-device-branch-list button.current em{background:#f47a20!important;color:#fff!important}
#companyGate .amelia-device-branch-list>.amelia-device-status.error{grid-column:1/-1!important;padding:14px!important;border:1px solid rgba(222,87,76,.25)!important;border-radius:12px!important;background:rgba(135,38,31,.12)!important}

#companyGate .amelia-device-foot{
  flex:0 0 auto!important;
  margin-top:auto!important;
  padding:15px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  color:#7b7b83!important;
  font-size:9px!important;
  line-height:1.45!important;
  text-align:left!important;
}

/* Prevent accidental inherited POS styling in the public layer. */
#companyGate button,#companyGate input{font-family:inherit!important}
#companyGate button{-webkit-tap-highlight-color:transparent!important}
#companyGate input{appearance:auto!important;-webkit-appearance:auto!important}

@media (max-width:1023px){
  #companyGate:not(.hidden){place-items:start stretch!important;padding:0!important;background:linear-gradient(155deg,#050506,#0c0c0e 55%,#151517)!important}
  #companyGate .amelia-device-card.amelia-onboarding-shell{
    width:100%!important;
    max-height:none!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:calc(18px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #companyGate .amelia-device-card.amelia-onboarding-shell::before{border-radius:0!important}
  #companyGate .amelia-device-brand{min-height:52px!important}
  #companyGate .amelia-device-brand img{width:164px!important}
  #companyGate .amelia-onboarding-layout{grid-template-columns:1fr!important}
  #companyGate .amelia-onboarding-progress{display:none!important}
  #companyGate .amelia-onboarding-main{min-height:0!important;padding:18px!important}
  #companyGate .amelia-mobile-progress{
    display:grid!important;
    grid-template-columns:32px 1fr 32px 1fr 32px 1fr 32px!important;
    align-items:center!important;
    gap:5px!important;
    margin-bottom:17px!important;
  }
  #companyGate .amelia-mobile-progress span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid #707078!important;border-radius:50%!important;color:#8b8b93!important;font-size:10px!important;font-weight:900!important}
  #companyGate .amelia-mobile-progress span.active{border-color:#f47a20!important;background:#f47a20!important;color:#fff!important}
  #companyGate .amelia-mobile-progress span.done{border-color:#2eae7e!important;color:#70d8ae!important}
  #companyGate .amelia-mobile-progress i{height:1px!important;background:#5f5f67!important}
  #companyGate .amelia-device-branches{max-width:none!important}
}

@media (max-width:767px){
  #companyGate .amelia-device-card.amelia-onboarding-shell{gap:17px!important;padding-left:14px!important;padding-right:14px!important}
  #companyGate .amelia-device-brand img{width:148px!important}
  #companyGate .amelia-entry-panel{padding-top:3px!important}
  #companyGate .amelia-entry-copy h1,
  #companyGate .amelia-panel-head h1,
  #companyGate .amelia-verification h1,
  #companyGate .amelia-activation h1{font-size:28px!important}
  #companyGate .amelia-entry-copy p,
  #companyGate .amelia-panel-head p,
  #companyGate .amelia-verification p,
  #companyGate .amelia-activation p{font-size:13px!important}
  #companyGate .amelia-entry-actions{grid-template-columns:1fr!important;gap:10px!important}
  #companyGate .amelia-entry-choice{min-height:102px!important;grid-template-columns:47px minmax(0,1fr) 18px!important;gap:11px!important;padding:14px!important}
  #companyGate .amelia-choice-icon{width:45px!important;height:45px!important}
  #companyGate .amelia-entry-choice strong{font-size:16px!important}
  #companyGate .amelia-entry-trust{display:grid!important;gap:5px!important}
  #companyGate .amelia-existing-form{padding-top:2px!important}
  #companyGate .amelia-input-wrap{height:55px!important}
  #companyGate .amelia-input-wrap input{font-size:16px!important}
  #companyGate .amelia-onboarding-main{padding:14px 13px!important;border-radius:15px!important}
  #companyGate .amelia-step-head h2{font-size:22px!important}
  #companyGate .amelia-form-grid,
  #companyGate .amelia-scenario-grid,
  #companyGate .amelia-review-card,
  #companyGate .amelia-verification-actions,
  #companyGate .amelia-device-branch-list{grid-template-columns:1fr!important}
  #companyGate .amelia-form-grid .full{grid-column:auto!important}
  #companyGate .amelia-review-card>div:nth-child(odd){border-right:0!important}
  #companyGate .amelia-scenario-grid button{min-height:80px!important}
  #companyGate .amelia-onboarding-nav{display:grid!important;grid-template-columns:.8fr 1.2fr!important}
  #companyGate .amelia-onboarding-nav button{width:100%!important;min-width:0!important}
  #companyGate .amelia-onboarding-nav #onboardingCreate{grid-column:1/-1!important}
  #companyGate .amelia-verification,
  #companyGate .amelia-activation{padding:18px 15px!important;border-radius:16px!important}
  #companyGate .amelia-activation>.amelia-primary-action{max-width:none!important;width:100%!important}
  #companyGate .amelia-device-branches-head{grid-template-columns:1fr!important;gap:12px!important}
  #companyGate .amelia-device-branch-actions{justify-content:flex-start!important}
  #companyGate .amelia-device-branch-list button{min-height:76px!important}
  #companyGate .amelia-device-foot{line-height:1.5!important}
}

@media (max-width:390px){
  #companyGate .amelia-device-card.amelia-onboarding-shell{padding-left:11px!important;padding-right:11px!important}
  #companyGate .amelia-panel-head{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
  #companyGate .amelia-back-link{width:38px!important;height:38px!important}
  #companyGate .amelia-entry-choice{padding:12px!important}
  #companyGate .amelia-entry-choice small{font-size:11px!important}
  #companyGate .amelia-device-branch-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #companyGate .amelia-device-branch-actions button{width:100%!important}
}

@media (min-width:1367px){
  #companyGate .amelia-device-card.amelia-onboarding-shell{width:min(1120px,calc(100vw - 72px))!important;padding:30px 34px 22px!important}
  #companyGate .amelia-onboarding-layout{grid-template-columns:255px minmax(0,1fr)!important}
  #companyGate .amelia-onboarding-main{padding:25px 29px!important}
  #companyGate .amelia-scenario-grid button{min-height:100px!important}
}

@media (prefers-reduced-motion:reduce){
  #companyGate *,#companyGate *::before,#companyGate *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* PASSWORD VISIBILITY + RECOVERY --------------------------------------- */
#companyGate .amelia-password-slot-r165r5{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
#companyGate .amelia-password-slot-r165r5>input{
  padding-right:86px!important;
}
#companyGate .amelia-password-toggle-r165r5{
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  min-width:68px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
  background:#1a1a1d!important;
  color:#c8c8cc!important;
  box-shadow:none!important;
  font:800 10px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#companyGate .amelia-password-toggle-r165r5:hover{
  border-color:rgba(244,122,32,.48)!important;
  color:#fff!important;
}
#companyGate .amelia-password-toggle-r165r5[aria-pressed="true"]{
  border-color:rgba(244,122,32,.56)!important;
  background:rgba(244,122,32,.12)!important;
  color:#ff9b51!important;
}
#companyGate .amelia-forgot-action-r165r5{
  justify-self:end!important;
  min-height:36px!important;
  margin:-6px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f4934f!important;
  font:800 11px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#companyGate .amelia-forgot-action-r165r5:hover{text-decoration:underline!important;color:#ffad70!important}
#companyGate .amelia-reset-form-r165r5{
  display:grid!important;
  gap:15px!important;
}
#companyGate .amelia-reset-copy-r165r5{
  margin:0!important;
  color:#8d8d95!important;
  font-size:10px!important;
  line-height:1.55!important;
}
#companyGate .amelia-reset-status-r165r5{
  min-height:19px!important;
  color:#9999a1!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#companyGate .amelia-reset-status-r165r5.error{color:#ffaaa2!important}
#companyGate .amelia-reset-status-r165r5.success{color:#70d8ae!important}
#companyGate .amelia-reset-done-r165r5{
  width:100%!important;
  max-width:650px!important;
  display:grid!important;
  gap:16px!important;
  align-self:center!important;
  padding:12px 0 6px!important;
}
#companyGate .amelia-reset-success-icon-r165r5{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(46,174,126,.48)!important;
  border-radius:15px!important;
  background:rgba(46,174,126,.10)!important;
  color:#70d8ae!important;
  font-size:25px!important;
  font-weight:950!important;
}
#companyGate .amelia-reset-done-r165r5 h1{
  margin:0!important;
  color:#f7f7f8!important;
  font-size:clamp(28px,3.2vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
#companyGate .amelia-reset-done-r165r5 p{
  margin:0!important;
  max-width:620px!important;
  color:#a2a2a8!important;
  font-size:13px!important;
  line-height:1.55!important;
}
#companyGate .amelia-reset-done-r165r5 .amelia-primary-action{
  width:min(100%,360px)!important;
}
@media(max-width:767px){
  #companyGate .amelia-password-toggle-r165r5{
    right:6px!important;
    min-width:64px!important;
    min-height:38px!important;
  }
  #companyGate .amelia-password-slot-r165r5>input{padding-right:80px!important}
  #companyGate .amelia-reset-done-r165r5 .amelia-primary-action{width:100%!important}
}
/* =====================================================================
   AMELIAPOS_PREAUTH_SCENE_AUTHORITY_R16_5R5R3
   Canonical visual scene isolation.
   data-entry-scene is the final authority. No scene can leak behind another.
   ===================================================================== */

/* First: hidden must ALWAYS beat any component-level display declaration. */
#companyGate #companyWelcome.hidden,
#companyGate #companyAccessForm.hidden,
#companyGate #companyPasswordResetRequest.hidden,
#companyGate #companyPasswordResetComplete.hidden,
#companyGate #companyPasswordResetDone.hidden,
#companyGate #companyOnboarding.hidden,
#companyGate #companyVerification.hidden,
#companyGate #companyAdminActivation.hidden,
#companyGate #branchGate.hidden{
  display:none!important;
}

/* Second: data-entry-scene is canonical. Any non-selected scene is removed
   from layout even if a later component selector says display:grid!important. */
#companyGate:not([data-entry-scene="companyWelcome"]) #companyWelcome,
#companyGate:not([data-entry-scene="companyAccessForm"]) #companyAccessForm,
#companyGate:not([data-entry-scene="companyPasswordResetRequest"]) #companyPasswordResetRequest,
#companyGate:not([data-entry-scene="companyPasswordResetComplete"]) #companyPasswordResetComplete,
#companyGate:not([data-entry-scene="companyPasswordResetDone"]) #companyPasswordResetDone,
#companyGate:not([data-entry-scene="companyOnboarding"]) #companyOnboarding,
#companyGate:not([data-entry-scene="companyVerification"]) #companyVerification,
#companyGate:not([data-entry-scene="companyAdminActivation"]) #companyAdminActivation,
#companyGate:not([data-entry-scene="branchGate"]) #branchGate{
  display:none!important;
}

/* One scrolling surface only. The full-screen gate scrolls when necessary;
   the card itself never creates a second internal scrollbar. */
#companyGate .amelia-device-card.amelia-onboarding-shell{
  max-height:none!important;
  overflow:visible!important;
}

/* Password recovery is a focused task, not a second onboarding dashboard.
   Tighten only these scenes; other approved pre-auth layouts are untouched. */
#companyGate[data-entry-scene="companyPasswordResetRequest"] .amelia-device-card.amelia-onboarding-shell,
#companyGate[data-entry-scene="companyPasswordResetComplete"] .amelia-device-card.amelia-onboarding-shell,
#companyGate[data-entry-scene="companyPasswordResetDone"] .amelia-device-card.amelia-onboarding-shell{
  width:min(820px,100%)!important;
  gap:24px!important;
  padding:28px 34px 26px!important;
}

#companyGate[data-entry-scene="companyPasswordResetRequest"] .amelia-existing-form,
#companyGate[data-entry-scene="companyPasswordResetComplete"] .amelia-existing-form,
#companyGate[data-entry-scene="companyPasswordResetDone"] .amelia-reset-done-r165r5{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:4px 0 2px!important;
}

/* Equipment-isolation footer is irrelevant while recovering credentials. */
#companyGate[data-entry-scene="companyPasswordResetRequest"] .amelia-device-foot,
#companyGate[data-entry-scene="companyPasswordResetComplete"] .amelia-device-foot,
#companyGate[data-entry-scene="companyPasswordResetDone"] .amelia-device-foot{
  display:none!important;
}

@media(max-width:767px){
  #companyGate[data-entry-scene="companyPasswordResetRequest"] .amelia-device-card.amelia-onboarding-shell,
  #companyGate[data-entry-scene="companyPasswordResetComplete"] .amelia-device-card.amelia-onboarding-shell,
  #companyGate[data-entry-scene="companyPasswordResetDone"] .amelia-device-card.amelia-onboarding-shell{
    width:100%!important;
    padding:18px 14px 20px!important;
    gap:18px!important;
  }
}