/* .14.2.2: ajustes acotados; no cambia el logo superior ni la tienda pública. */
html body #settings .settings-tabs{
  position:sticky;top:var(--settings-nav-top-v1421,110px);align-self:start;
  height:max-content;max-height:calc(100vh - var(--settings-nav-top-v1421,110px) - 16px);
  max-height:calc(100dvh - var(--settings-nav-top-v1421,110px) - 16px);
  min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
  scrollbar-gutter:stable;box-sizing:border-box;
}
html body #settings .settings-tabs:focus-visible{outline:3px solid #315d86;outline-offset:3px}
html body #settings .settings-tabs button{flex-shrink:0}
html body .settings-user-meta .settings-user-role,
html body .settings-user-meta .settings-user-status,
html body .settings-user-meta .settings-user-permission,
html body .settings-user-row .protected-user-label{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0;min-height:28px;height:auto!important;
  padding:6px 10px!important;margin:6px 5px 0 0;gap:5px;box-sizing:border-box;
  line-height:1.2!important;vertical-align:middle;text-align:center!important;
  font-size:11px!important;font-weight:750;border-radius:999px;
}
html body .settings-user-meta .settings-user-role{color:#263b43!important;background:#e7eef1!important;border:1px solid #a9bbc3!important}
html body .settings-user-meta .settings-user-role.owner,
html body .settings-user-row .protected-user-label{color:#fff!important;background:#304852!important;border:1px solid #304852!important}
html body .settings-user-meta .settings-user-role.admin{color:#50356a!important;background:#f0e9f7!important;border:1px solid #bfaacd!important}
html body .settings-user-meta .settings-user-status{color:#215338!important;background:#eaf5ee!important;border:1px solid #bfd9c9!important}
html body .settings-user-meta .settings-user-status.inactive{color:#505b63!important;background:#eef0f2!important;border-color:#cbd1d6!important}
html body .settings-user-meta .settings-user-permission{color:#36464e!important;background:#f2f5f6!important;border:1px solid #cbd4d8!important}
html body .settings-user-meta .settings-user-status{gap:0!important}
html body .settings-user-meta .settings-user-status::before{content:none!important;display:none!important}
html body #re142-panel .re142-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;line-height:1.2;height:auto;align-self:start}
html body #re142-editor .re142-toggle{align-items:center}
html body #createUserModal,html body #editUserModal{
  box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:620px;
  max-height:90vh;max-height:90dvh;padding:0;overflow:hidden;margin:auto;
}
html body #createUserForm,html body #editUserForm{
  display:grid;grid-template-columns:minmax(0,1fr);gap:14px;
  width:100%!important;max-width:none;margin:0;padding:24px;box-sizing:border-box;
  max-height:90vh;max-height:90dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
}
html body #createUserForm>* ,html body #editUserForm>*{min-width:0;margin-top:0;margin-bottom:0}
html body #createUserForm>.security-message{margin-bottom:4px}
html body #createUserForm>.modal-head,html body #editUserForm>.modal-head{
  display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:14px;align-items:center;margin:0 0 2px;
}
html body #createUserForm>.modal-head h3,html body #editUserForm>.modal-head h3{margin:0;line-height:1.2}
html body #createUserForm>.modal-head .close,html body #editUserForm>.modal-head .close{
  display:grid;place-items:center;width:42px;height:42px;min-width:42px;margin:0;padding:0;
  border:1px solid #cbd4d8;border-radius:12px;background:#f4f6f7;color:#43535b;
  font:400 28px/1 Arial,sans-serif;cursor:pointer;
}
html body #editUserForm>.restock-option{align-items:center;margin:0}
html body #editUserForm>.restock-option input{flex:0 0 20px;margin:0}
html body #createUserForm>button[type="submit"],html body #editUserForm>button[type="submit"]{
  margin-top:6px;min-height:44px;padding:12px 20px;justify-self:end;max-width:100%;
}
html body .personal-role-help-v1421{font-size:13px;line-height:1.5;padding:12px;border:1px solid #cbd4d8;border-radius:10px;color:#344953;background:#f3f6f7}
html body .personal-role-help-v1421[hidden],html body .user-permission-option[hidden]{display:none!important}
html body #systemInfoSection .brand-card{display:flex;align-items:center;gap:18px;min-height:112px;box-sizing:border-box;overflow:visible}
html body #systemBusinessLogoV4530752{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 80px!important;width:80px!important;height:80px!important;min-height:80px!important;
  max-width:80px!important;padding:6px!important;overflow:hidden!important;box-sizing:border-box;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
}
html body #systemBusinessLogoV4530752 img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important}
html body #systemInfoSection .brand-card>div:not(#systemBusinessLogoV4530752){min-width:0}
html body #systemInfoSection .brand-card .version-pill{flex:0 0 auto;margin-left:auto}
html body #securityAuditMoreV1421{min-height:44px;margin-top:14px}
html body #re142-panel .re142-route-summary{margin:8px 0 0;padding-left:0;list-style:none;display:grid;gap:5px}
html body #re142-panel .re142-route-summary li{line-height:1.5;overflow-wrap:anywhere}
/* La visibilidad complementa la autorización del servidor, nunca la reemplaza. */
html body #moreFinanceReports[hidden]{display:none!important}
html body[data-role="personal"] .nav-btn:not([data-page="settings"]),
html body[data-role="personal"] .page:not(#settings),
html body[data-role="personal"] .settings-tabs [data-settings-tab]:not([data-settings-tab="account"]):not([data-settings-tab="restaurant-stations-v453142"]),
html body[data-role="personal"] .settings-panel:not([data-settings-panel="account"]):not([data-settings-panel="restaurant-stations-v453142"]),
html body[data-role="personal"] #smartCenterBtn,
html body[data-role="personal"] #smartCenterPanel,
html body[data-role="personal"] #serviceBillingBannerV4530746,
html body[data-role="personal"] #planRegularizationBannerV4530743,
html body[data-role="personal"] #systemInfoSection{display:none!important}

/* El acceso es del SaaS; la marca de cada empresa aparece después de ingresar. */
html body.auth-locked #authScreen{background:#eef3f8!important}
html body.auth-locked #authScreen .auth-backdrop{
  background:linear-gradient(145deg,#f7f9fc 0%,#e9f0f7 58%,#dfe9f4 100%)!important;
  filter:none!important;
}
html body.auth-locked #authScreen .auth-backdrop::after{
  background:radial-gradient(circle at 16% 8%,rgba(16,72,255,.12),transparent 34%),radial-gradient(circle at 88% 88%,rgba(9,194,196,.10),transparent 30%)!important;
}
html body.auth-locked #authScreen .auth-card{
  width:min(100%,440px);border:1px solid #d9e2ec;background:rgba(255,255,255,.96)!important;
  box-shadow:0 28px 80px rgba(7,27,70,.18)!important;
}
html body.auth-locked #authScreen .ivalcorp-auth-logo-v4531422{
  display:block;width:min(100%,300px)!important;height:auto!important;max-height:100px;
  margin:0 auto 18px!important;object-fit:contain;filter:none!important;
}
html body.auth-locked #authScreen .auth-kicker{color:#0f48cf!important}
html body.auth-locked #authScreen .auth-card h2{color:#071b46!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:31px}
html body.auth-locked #authScreen .auth-card>p,
html body.auth-locked #authScreen .auth-card>small{color:#647286!important}
html body.auth-locked #authScreen .auth-form label{color:#172b52!important}
html body.auth-locked #authScreen .auth-form input{border-color:#cbd7e5!important;background:#fff!important;color:#0b1d43!important}
html body.auth-locked #authScreen .password-toggle{background:#edf2f8!important;color:#0b2d75!important}
html body.auth-locked #authScreen .auth-submit{background:linear-gradient(135deg,#114cff,#082a75)!important;color:#fff!important;box-shadow:0 9px 22px rgba(17,76,255,.20)!important}
html body.auth-locked #authScreen .auth-recovery-link{color:#1247bd!important}
@media(max-width:800px){
  html body #settings .settings-tabs{position:static;top:auto;display:flex;max-height:none;height:auto;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:auto;overscroll-behavior-x:contain}
  html body #settings .settings-tabs button{width:auto;min-width:150px}
}
@media(max-width:520px){
  html body #systemInfoSection .brand-card{flex-wrap:wrap}
  html body #systemInfoSection .brand-card .version-pill{margin-left:0}
  html body #createUserForm>button[type="submit"],html body #editUserForm>button[type="submit"]{justify-self:stretch;width:100%}
}