/* NOVEL ERP P7.5 — premium authentication surface, aligned with the product UI. */
body.auth-body.auth-premium-page {
  --auth-blue:#0756C9;
  --auth-blue-2:#0B6BD3;
  --auth-blue-deep:#073B8D;
  --auth-ink:#17243A;
  --auth-muted:#6D7B91;
  --auth-line:#DCE4EE;
  --auth-soft:#F5F8FC;
  --auth-green:#0AAF6B;
  margin:0!important;
  min-height:100vh;
  background:#F4F7FB!important;
  color:var(--auth-ink)!important;
  font-family:Arial,Tahoma,"Segoe UI",sans-serif!important;
}
body.auth-body.auth-premium-page *,
body.auth-body.auth-premium-page *::before,
body.auth-body.auth-premium-page *::after { box-sizing:border-box; }
body.auth-body.auth-premium-page a { color:inherit;text-decoration:none; }
body.auth-body.auth-premium-page .auth-premium-shell {
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(520px,55%) minmax(430px,45%);
  direction:ltr;
}
body.auth-body.auth-premium-page .auth-access-pane,
body.auth-body.auth-premium-page .auth-brand-pane { direction:rtl; }

/* Access panel */
body.auth-body.auth-premium-page .auth-access-pane {
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:48px clamp(42px,7vw,112px);
  background:#fff;
}
body.auth-body.auth-premium-page .auth-access-inner { width:100%;max-width:520px; }
body.auth-body.auth-premium-page .auth-mobile-brand { display:none; }
body.auth-body.auth-premium-page .auth-form-wrap { width:100%; }
body.auth-body.auth-premium-page .auth-product-label {
  display:flex;align-items:center;gap:8px;
  margin:0 0 18px;
  color:#77869B;font-size:11px;font-weight:700;
}
body.auth-body.auth-premium-page .auth-product-dot {
  width:7px;height:7px;border-radius:50%;background:var(--auth-green);
  box-shadow:0 0 0 4px rgba(10,175,107,.10);
}
body.auth-body.auth-premium-page .auth-card {
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.auth-body.auth-premium-page .auth-heading { margin-bottom:26px; }
body.auth-body.auth-premium-page .auth-mode-badge {
  display:inline-flex;align-items:center;
  min-height:27px;padding:4px 10px;margin-bottom:11px;
  border:1px solid #D8E5F6;border-radius:999px;background:#F3F8FE;
  color:var(--auth-blue);font-size:10px;font-weight:800;
}
body.auth-body.auth-premium-page .auth-heading h2 {
  margin:0 0 8px!important;
  color:var(--auth-ink)!important;
  font-size:30px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-.2px;
}
body.auth-body.auth-premium-page .auth-heading p {
  max-width:455px;margin:0!important;color:var(--auth-muted)!important;
  font-size:12px!important;line-height:1.9!important;
}

/* Mode switch */
body.auth-body.auth-premium-page .login-tabs {
  display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;
  margin:0 0 24px!important;padding:4px!important;
  border:1px solid var(--auth-line)!important;border-radius:10px!important;background:#F6F8FB!important;
}
body.auth-body.auth-premium-page .login-tabs a {
  min-height:40px;padding:8px 12px!important;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:7px!important;color:#728096!important;
  font-size:11px!important;font-weight:800!important;transition:.15s ease;
}
body.auth-body.auth-premium-page .login-tabs a:hover { color:var(--auth-blue)!important;background:#FBFDFF!important; }
body.auth-body.auth-premium-page .login-tabs a[aria-current="page"] {
  background:#fff!important;color:var(--auth-blue)!important;
  box-shadow:0 1px 3px rgba(20,45,80,.08),0 5px 16px rgba(20,45,80,.05)!important;
}
body.auth-body.auth-premium-page .login-tabs .i { width:16px;height:16px; }

/* Fields */
body.auth-body.auth-premium-page .auth-login-form { display:grid;gap:18px; }
body.auth-body.auth-premium-page .auth-field { display:grid;gap:7px!important; }
body.auth-body.auth-premium-page .auth-field>label,
body.auth-body.auth-premium-page .auth-label-row label {
  color:#34445D!important;font-size:11px!important;font-weight:800!important;
}
body.auth-body.auth-premium-page .auth-label-row {
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
}
body.auth-body.auth-premium-page .auth-label-row a {
  color:var(--auth-blue)!important;font-size:10px!important;font-weight:800!important;
}
body.auth-body.auth-premium-page .auth-control { position:relative; }
body.auth-body.auth-premium-page .auth-control-icon {
  position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;display:grid;place-items:center;color:#90A0B5;pointer-events:none;z-index:2;
}
body.auth-body.auth-premium-page .auth-control-icon .i { width:18px;height:18px; }
body.auth-body.auth-premium-page .auth-control input {
  width:100%!important;height:48px!important;min-height:48px!important;
  padding:10px 44px 10px 42px!important;
  border:1px solid #CED9E6!important;border-radius:8px!important;background:#fff!important;
  color:#17243A!important;font-size:12px!important;box-shadow:0 1px 2px rgba(26,48,75,.025)!important;
  outline:0!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
body.auth-body.auth-premium-page .auth-control input::placeholder { color:#A1ADBD!important;opacity:1; }
body.auth-body.auth-premium-page .auth-control input:hover { border-color:#B9C7D7!important; }
body.auth-body.auth-premium-page .auth-control input:focus {
  border-color:var(--auth-blue-2)!important;
  box-shadow:0 0 0 3px rgba(11,107,211,.11)!important;background:#fff!important;
}
body.auth-body.auth-premium-page .password-field>button {
  position:absolute!important;inset-inline-end:7px!important;top:7px!important;
  width:34px!important;height:34px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:6px!important;background:transparent!important;color:#7C8CA2!important;
  box-shadow:none!important;cursor:pointer!important;
}
body.auth-body.auth-premium-page .password-field>button:hover { background:#F1F5F9!important;color:var(--auth-blue)!important; }
body.auth-body.auth-premium-page .password-field>button .i { width:17px;height:17px; }

body.auth-body.auth-premium-page .auth-submit {
  width:100%;min-height:48px;margin-top:2px;padding:10px 18px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--auth-blue)!important;border-radius:8px!important;
  background:linear-gradient(180deg,#0B65DE 0%,#0756C9 100%)!important;color:#fff!important;
  font:800 12px/1.4 Arial,Tahoma,"Segoe UI",sans-serif!important;
  box-shadow:0 8px 20px rgba(7,86,201,.18)!important;cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
body.auth-body.auth-premium-page .auth-submit:hover {
  background:linear-gradient(180deg,#075CCF 0%,#064CAD 100%)!important;
  box-shadow:0 10px 24px rgba(7,86,201,.23)!important;transform:translateY(-1px);
}
body.auth-body.auth-premium-page .auth-submit:active { transform:translateY(0); }
body.auth-body.auth-premium-page .auth-submit:focus-visible { outline:0;box-shadow:0 0 0 3px rgba(11,107,211,.18),0 8px 20px rgba(7,86,201,.18)!important; }
body.auth-body.auth-premium-page .auth-submit .i { width:17px;height:17px;transform:scaleX(-1); }

body.auth-body.auth-premium-page .auth-trust-line {
  display:flex;align-items:center;gap:11px;margin-top:22px;padding:14px 15px;
  border:1px solid #E0E7EF;border-radius:8px;background:#F8FAFC;
}
body.auth-body.auth-premium-page .auth-trust-line>span {
  width:32px;height:32px;display:grid;place-items:center;flex:none;
  border-radius:8px;background:#EAF8F2;color:var(--auth-green);
}
body.auth-body.auth-premium-page .auth-trust-line .i { width:16px;height:16px; }
body.auth-body.auth-premium-page .auth-trust-line p { margin:0!important;min-width:0; }
body.auth-body.auth-premium-page .auth-trust-line b { display:block;color:#314258;font-size:10.5px;line-height:1.6; }
body.auth-body.auth-premium-page .auth-trust-line small { display:block;margin-top:1px;color:#8491A4;font-size:9.5px;line-height:1.7; }
body.auth-body.auth-premium-page .auth-switch {
  margin:17px 0 0!important;text-align:center;color:#7A8799!important;font-size:10.5px!important;
}
body.auth-body.auth-premium-page .auth-switch a { color:var(--auth-blue)!important;font-weight:800!important;margin-inline-start:4px; }
body.auth-body.auth-premium-page .auth-access-footer {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:28px;color:#98A4B4;font-size:9px;
}
body.auth-body.auth-premium-page .auth-access-secure { display:flex;align-items:center;gap:5px; }
body.auth-body.auth-premium-page .auth-access-secure .i { width:12px;height:12px;color:var(--auth-green); }
body.auth-body.auth-premium-page .auth-alert {
  margin:0 0 18px!important;padding:11px 13px!important;border-radius:8px!important;font-size:10.5px!important;line-height:1.7!important;
}
body.auth-body.auth-premium-page .auth-alert p { margin:0!important; }

/* Brand / product pane */
body.auth-body.auth-premium-page .auth-brand-pane {
  position:relative;min-height:100vh;overflow:hidden;
  background:linear-gradient(150deg,#063B8C 0%,#0756C9 48%,#0B6BD3 100%);
  color:#fff;
}
body.auth-body.auth-premium-page .auth-brand-bg { position:absolute;inset:0;pointer-events:none;overflow:hidden; }
body.auth-body.auth-premium-page .auth-grid-pattern {
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
}
body.auth-body.auth-premium-page .auth-orbit { position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%; }
body.auth-body.auth-premium-page .auth-orbit-one { width:540px;height:540px;left:-280px;bottom:-245px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015); }
body.auth-body.auth-premium-page .auth-orbit-two { width:300px;height:300px;right:-170px;top:80px;box-shadow:0 0 0 65px rgba(255,255,255,.018); }
body.auth-body.auth-premium-page .auth-brand-inner {
  position:relative;z-index:1;min-height:100vh;
  padding:42px clamp(38px,4.5vw,72px) 32px;
  display:flex;flex-direction:column;
}
body.auth-body.auth-premium-page .auth-brand-lockup {
  display:flex;align-items:center;gap:12px;width:max-content;color:#fff!important;
}
body.auth-body.auth-premium-page .auth-logo-mark {
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:10px;background:var(--auth-blue);color:#fff;font:800 27px/1 Arial,sans-serif;
  box-shadow:0 8px 24px rgba(7,86,201,.16);
}
body.auth-body.auth-premium-page .auth-logo-mark-inverse {
  background:#fff;color:var(--auth-blue);box-shadow:0 10px 26px rgba(1,34,83,.20);
}
body.auth-body.auth-premium-page .auth-brand-word b { display:block;color:#fff;font:800 20px/1 Arial,sans-serif;letter-spacing:2.4px; }
body.auth-body.auth-premium-page .auth-brand-word small { display:block;margin-top:5px;color:rgba(255,255,255,.58);font:600 8.5px/1 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase; }
body.auth-body.auth-premium-page .auth-brand-message { margin:auto 0 22px;width:min(520px,100%);padding-top:42px; }
body.auth-body.auth-premium-page .auth-brand-eyebrow {
  display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;margin-bottom:15px;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.82);font-size:10px;font-weight:700;
}
body.auth-body.auth-premium-page .auth-brand-message h1 {
  margin:0 0 14px;color:#fff;font-size:clamp(34px,3vw,50px);line-height:1.35;letter-spacing:-.5px;font-weight:700;
}
body.auth-body.auth-premium-page .auth-brand-message h1 strong { color:#BEE0FF;font-weight:800; }
body.auth-body.auth-premium-page .auth-brand-message p {
  max-width:480px;margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:2;
}

/* Abstract in-product preview: intentionally non-interactive and no fake data. */
body.auth-body.auth-premium-page .auth-product-preview {
  width:min(520px,100%);height:212px;margin:0 0 28px;
  border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.10);
  box-shadow:0 24px 70px rgba(2,31,77,.22);overflow:hidden;backdrop-filter:blur(8px);
}
body.auth-body.auth-premium-page .auth-preview-top {
  height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.78);font-size:8.5px;font-weight:700;
}
body.auth-body.auth-premium-page .auth-preview-brand { display:flex;align-items:center;gap:7px;letter-spacing:.6px; }
body.auth-body.auth-premium-page .auth-preview-brand i { width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#fff;color:var(--auth-blue);font-style:normal;font-weight:900; }
body.auth-body.auth-premium-page .auth-preview-pill { padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.10); }
body.auth-body.auth-premium-page .auth-preview-body { height:calc(100% - 38px);display:grid;grid-template-columns:72px 1fr;direction:ltr; }
body.auth-body.auth-premium-page .auth-preview-sidebar { padding:14px 10px;display:grid;align-content:start;gap:9px;border-right:1px solid rgba(255,255,255,.10); }
body.auth-body.auth-premium-page .auth-preview-sidebar span { height:7px;border-radius:999px;background:rgba(255,255,255,.15); }
body.auth-body.auth-premium-page .auth-preview-sidebar span:nth-child(2){width:72%}.auth-preview-sidebar span:nth-child(3){width:84%}.auth-preview-sidebar span:nth-child(4){width:64%}.auth-preview-sidebar span:nth-child(5){width:78%}
body.auth-body.auth-premium-page .auth-preview-sidebar .is-active { height:23px;width:100%;border-radius:5px;background:rgba(255,255,255,.15); }
body.auth-body.auth-premium-page .auth-preview-content { padding:17px 18px; }
body.auth-body.auth-premium-page .auth-preview-title { display:flex;justify-content:space-between;align-items:center;margin-bottom:15px; }
body.auth-body.auth-premium-page .auth-preview-title span { width:34%;height:9px;border-radius:999px;background:rgba(255,255,255,.62); }
body.auth-body.auth-premium-page .auth-preview-title b { width:58px;height:22px;border-radius:5px;background:rgba(10,175,107,.85); }
body.auth-body.auth-premium-page .auth-preview-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px; }
body.auth-body.auth-premium-page .auth-preview-stats i { height:44px;border-radius:7px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.06); }
body.auth-body.auth-premium-page .auth-preview-table { display:grid;gap:6px;padding:10px;border-radius:7px;background:rgba(255,255,255,.07); }
body.auth-body.auth-premium-page .auth-preview-table span { height:6px;border-radius:999px;background:rgba(255,255,255,.17); }
body.auth-body.auth-premium-page .auth-preview-table span:nth-child(2){width:88%}.auth-preview-table span:nth-child(3){width:73%}.auth-preview-table span:nth-child(4){width:93%}
body.auth-body.auth-premium-page .auth-brand-footer {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-top:18px;border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.62);font-size:9px;
}
body.auth-body.auth-premium-page .auth-brand-footer span:first-child { display:flex;align-items:center;gap:6px; }
body.auth-body.auth-premium-page .auth-brand-footer .i { width:13px;height:13px; }

@media (max-width:980px) {
  body.auth-body.auth-premium-page .auth-premium-shell { grid-template-columns:1fr; }
  body.auth-body.auth-premium-page .auth-brand-pane { display:none; }
  body.auth-body.auth-premium-page .auth-access-pane { min-height:100vh;padding:34px 24px; }
  body.auth-body.auth-premium-page .auth-access-inner { max-width:480px; }
  body.auth-body.auth-premium-page .auth-mobile-brand { display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:42px;direction:ltr; }
  body.auth-body.auth-premium-page .auth-mobile-brand .auth-logo-mark { width:40px;height:40px;border-radius:9px;font-size:24px; }
  body.auth-body.auth-premium-page .auth-mobile-brand b { color:#163253;font:800 18px/1 Arial,sans-serif;letter-spacing:2px; }
  body.auth-body.auth-premium-page .auth-mobile-brand small { color:#7E8DA2;font:700 9px/1 Arial,sans-serif;margin-left:3px; }
  body.auth-body.auth-premium-page .auth-product-label { justify-content:center; }
}
@media (max-width:520px) {
  body.auth-body.auth-premium-page .auth-access-pane { padding:24px 18px 20px;place-items:start center; }
  body.auth-body.auth-premium-page .auth-access-inner { max-width:none; }
  body.auth-body.auth-premium-page .auth-mobile-brand { margin:7px 0 33px; }
  body.auth-body.auth-premium-page .auth-product-label { margin-bottom:14px; }
  body.auth-body.auth-premium-page .auth-heading { margin-bottom:22px; }
  body.auth-body.auth-premium-page .auth-heading h2 { font-size:25px!important; }
  body.auth-body.auth-premium-page .auth-heading p { font-size:11px!important; }
  body.auth-body.auth-premium-page .login-tabs { margin-bottom:21px!important; }
  body.auth-body.auth-premium-page .auth-control input { height:46px!important;min-height:46px!important; }
  body.auth-body.auth-premium-page .auth-submit { min-height:46px; }
  body.auth-body.auth-premium-page .auth-access-footer { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
  body.auth-body.auth-premium-page * { transition:none!important;scroll-behavior:auto!important; }
}

/* The same premium surface also protects the rest of the authentication journey. */
body.auth-body.auth-premium-page .auth-card>.auth-emblem {
  width:42px;height:42px;display:grid;place-items:center;margin:0 0 14px;
  border:1px solid #D8E5F6;border-radius:9px;background:#F2F7FD;color:var(--auth-blue);
}
body.auth-body.auth-premium-page .auth-card>.auth-emblem .i { width:20px;height:20px; }
body.auth-body.auth-premium-page .auth-card>.eyebrow {
  color:var(--auth-blue);font-size:10px;font-weight:800;margin-bottom:5px;
}
body.auth-body.auth-premium-page .auth-card>h2 {
  margin:0 0 8px!important;color:var(--auth-ink)!important;font-size:27px!important;line-height:1.4!important;
}
body.auth-body.auth-premium-page .auth-card>.auth-description {
  margin:0 0 23px!important;color:var(--auth-muted)!important;font-size:11.5px!important;line-height:1.9!important;
}
body.auth-body.auth-premium-page .auth-card .stack-form { display:grid;gap:17px; }
body.auth-body.auth-premium-page .auth-card .stack-form .field { display:grid;gap:7px!important; }
body.auth-body.auth-premium-page .auth-card .stack-form label { color:#34445D!important;font-size:11px!important;font-weight:800!important; }
body.auth-body.auth-premium-page .auth-card .stack-form input:not([type=radio]):not([type=checkbox]) {
  width:100%;height:48px!important;min-height:48px!important;padding:10px 12px!important;
  border:1px solid #CED9E6!important;border-radius:8px!important;background:#fff!important;color:#17243A!important;
  font-size:12px!important;box-shadow:0 1px 2px rgba(26,48,75,.025)!important;outline:0!important;
}
body.auth-body.auth-premium-page .auth-card .stack-form input:focus {
  border-color:var(--auth-blue-2)!important;box-shadow:0 0 0 3px rgba(11,107,211,.11)!important;
}
body.auth-body.auth-premium-page .auth-card .stack-form small { color:#8491A4!important;font-size:9.5px!important;line-height:1.7!important; }
body.auth-body.auth-premium-page .auth-card .stack-form .password-field { position:relative; }
body.auth-body.auth-premium-page .auth-card .stack-form .password-field input { padding-inline-end:48px!important; }
body.auth-body.auth-premium-page .auth-card :is(.button.wide,a.button.wide) {
  width:100%;min-height:48px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid var(--auth-blue)!important;border-radius:8px!important;background:linear-gradient(180deg,#0B65DE 0%,#0756C9 100%)!important;
  color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(7,86,201,.18)!important;
}
body.auth-body.auth-premium-page .auth-card :is(.button.wide,a.button.wide):hover { background:#064CAD!important; }
body.auth-body.auth-premium-page .auth-card :is(.button.wide,a.button.wide) .i { width:16px;height:16px; }
body.auth-body.auth-premium-page .back-link,
body.auth-body.auth-premium-page .auth-note { display:block;margin-top:17px!important;text-align:center;color:#7A8799!important;font-size:10.5px!important;line-height:1.8; }
body.auth-body.auth-premium-page .back-link { color:var(--auth-blue)!important;font-weight:800!important; }
body.auth-body.auth-premium-page .first-login-note {
  margin:0 0 18px;padding:12px 13px;border:1px solid #D8E5F6;border-radius:8px;background:#F4F8FD;color:#58708F;font-size:10.5px;line-height:1.8;
}
body.auth-body.auth-premium-page .tenant-choices { display:grid;gap:8px; }
body.auth-body.auth-premium-page .tenant-choice {
  display:grid;grid-template-columns:auto 38px 1fr auto;align-items:center;gap:10px;
  padding:12px;border:1px solid #DCE4EE;border-radius:8px;background:#fff;cursor:pointer;
}
body.auth-body.auth-premium-page .tenant-choice:hover { border-color:#BFD2EA;background:#FAFCFF; }
body.auth-body.auth-premium-page .tenant-choice:has(input:checked) { border-color:#8DB8EA;background:#F5F9FE;box-shadow:0 0 0 2px rgba(11,107,211,.06); }
body.auth-body.auth-premium-page .tenant-choice-icon { width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#EDF4FC;color:var(--auth-blue); }
body.auth-body.auth-premium-page .tenant-choice-icon .i { width:17px;height:17px; }
body.auth-body.auth-premium-page .tenant-choice strong { display:block;color:#304258;font-size:11px; }
body.auth-body.auth-premium-page .tenant-choice small { display:block;margin-top:2px;color:#8A97A8;font-size:9.5px; }
body.auth-body.auth-premium-page .text-button { border:0;background:transparent;color:var(--auth-blue);font-weight:800;cursor:pointer; }
body.auth-body.auth-premium-page .empty-state.compact { padding:30px 18px;border:1px dashed #D5DFEA;border-radius:9px;background:#F8FAFC;text-align:center; }
body.auth-body.auth-premium-page .empty-state.compact>.i { width:28px;height:28px;color:#9AACBE; }


/* NOVEL ERP P7.6 — centered authentication composition + motion polish.
   Login-only via .auth-login-centered so reset/invitation/tenant flows keep their own layout. */
body.auth-body.auth-premium-page.auth-login-centered .auth-form-wrap,
body.auth-body.auth-premium-page.auth-login-centered .auth-card,
body.auth-body.auth-premium-page.auth-login-centered .auth-heading,
body.auth-body.auth-premium-page.auth-login-centered .auth-heading p,
body.auth-body.auth-premium-page.auth-login-centered .auth-product-label,
body.auth-body.auth-premium-page.auth-login-centered .auth-field,
body.auth-body.auth-premium-page.auth-login-centered .auth-label-row,
body.auth-body.auth-premium-page.auth-login-centered .auth-trust-line,
body.auth-body.auth-premium-page.auth-login-centered .auth-access-footer,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-inner,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message p,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-footer {
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-product-label,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-lockup,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-footer,
body.auth-body.auth-premium-page.auth-login-centered .auth-access-footer {
  justify-content:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-heading p,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message p,
body.auth-body.auth-premium-page.auth-login-centered .auth-product-preview {
  margin-inline:auto!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-label-row {
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-field>label,
body.auth-body.auth-premium-page.auth-login-centered .auth-label-row label,
body.auth-body.auth-premium-page.auth-login-centered .auth-label-row a {
  width:100%;text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-control input {
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-control input::placeholder {
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-trust-line {
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-trust-line>span {
  margin-inline:auto!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-access-footer {
  flex-wrap:wrap!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-access-secure {
  justify-content:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-alert,
body.auth-body.auth-premium-page.auth-login-centered .auth-alert p {
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-inner {
  align-items:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-lockup {
  width:100%!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-word {
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message {
  margin:auto auto 22px!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message p {
  max-width:500px!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-preview-top {
  justify-content:center!important;
  gap:16px!important;
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-preview-brand,
body.auth-body.auth-premium-page.auth-login-centered .auth-preview-pill {
  justify-content:center!important;
  text-align:center!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-footer {
  width:100%!important;
  flex-wrap:wrap!important;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-footer span:first-child {
  justify-content:center!important;
}

/* Calm entrance sequence: product feel without distracting from sign-in. */
@keyframes novelAuthP76Rise {
  from { opacity:0; transform:translateY(14px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes novelAuthP76Brand {
  from { opacity:0; transform:translateY(-10px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes novelAuthP76Float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-5px); }
}
@keyframes novelAuthP76Orbit {
  from { transform:rotate(0deg) scale(1); }
  to { transform:rotate(360deg) scale(1.025); }
}
@keyframes novelAuthP76Pulse {
  0%,100% { box-shadow:0 0 0 4px rgba(10,175,107,.10); }
  50% { box-shadow:0 0 0 7px rgba(10,175,107,.045); }
}
body.auth-body.auth-premium-page.auth-login-centered .auth-mobile-brand,
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-lockup {
  animation:novelAuthP76Brand .55s cubic-bezier(.2,.75,.25,1) both;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-product-label { animation:novelAuthP76Rise .48s .04s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-heading { animation:novelAuthP76Rise .52s .10s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .login-tabs { animation:novelAuthP76Rise .52s .16s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-login-form .auth-field:nth-child(1) { animation:novelAuthP76Rise .52s .22s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-login-form .auth-field:nth-child(2) { animation:novelAuthP76Rise .52s .28s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-submit { position:relative;overflow:hidden;animation:novelAuthP76Rise .52s .34s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-trust-line { animation:novelAuthP76Rise .52s .40s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-switch { animation:novelAuthP76Rise .52s .46s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-access-footer { animation:novelAuthP76Rise .52s .52s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-message { animation:novelAuthP76Rise .72s .12s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-product-preview { animation:novelAuthP76Rise .72s .22s cubic-bezier(.2,.75,.25,1) both,novelAuthP76Float 7s 1.1s ease-in-out infinite; }
body.auth-body.auth-premium-page.auth-login-centered .auth-brand-footer { animation:novelAuthP76Rise .65s .30s cubic-bezier(.2,.75,.25,1) both; }
body.auth-body.auth-premium-page.auth-login-centered .auth-orbit-one { animation:novelAuthP76Orbit 34s linear infinite;transform-origin:center; }
body.auth-body.auth-premium-page.auth-login-centered .auth-orbit-two { animation:novelAuthP76Orbit 26s linear reverse infinite;transform-origin:center; }
body.auth-body.auth-premium-page.auth-login-centered .auth-product-dot { animation:novelAuthP76Pulse 2.8s ease-in-out infinite; }
body.auth-body.auth-premium-page.auth-login-centered .auth-submit::after {
  content:"";position:absolute;inset:-2px auto -2px -38%;width:28%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);transition:left .55s ease;
}
body.auth-body.auth-premium-page.auth-login-centered .auth-submit:hover::after { left:112%; }
body.auth-body.auth-premium-page.auth-login-centered .auth-control:focus-within .auth-control-icon {
  color:var(--auth-blue)!important;transform:translateY(-50%) scale(1.06);transition:color .16s ease,transform .16s ease;
}

@media (max-width:520px) {
  body.auth-body.auth-premium-page.auth-login-centered .auth-label-row { gap:4px!important; }
  body.auth-body.auth-premium-page.auth-login-centered .auth-trust-line { padding-inline:12px!important; }
  body.auth-body.auth-premium-page.auth-login-centered .auth-access-footer { flex-direction:column!important;gap:7px!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.auth-body.auth-premium-page.auth-login-centered *,
  body.auth-body.auth-premium-page.auth-login-centered *::before,
  body.auth-body.auth-premium-page.auth-login-centered *::after {
    animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}