/* Approved staff entry. Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
.auth-content[data-emv-auth-ui="approved"] {
  --auth-ui-paper:#fafaf8;--auth-ui-ink:#191b19;--auth-ui-secondary:#5f625d;--auth-ui-line:#d7d9d2;--auth-ui-input:#fff;
  grid-template-columns:minmax(280px,.9fr) minmax(400px,1.1fr);align-items:stretch;gap:0;
  width:min(1240px,calc(100% - 64px));min-height:calc(100vh - 164px);padding:40px 0;margin:0 auto;
}
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy {
  position:relative;display:flex;flex-direction:column;align-self:stretch;justify-content:flex-start;
  max-width:none;min-height:560px;padding:48px 40px;color:#fff;text-align:left;
  background:url("../assets/images/auth-factory.jpg") 38% center/cover no-repeat;
}
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy::before { content:"";position:absolute;inset:0;background:rgba(8,11,10,.48); }
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy > * { position:relative;z-index:1; }
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy p { margin:0 0 40px;color:#f6c55b;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0; }
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy h1 { margin:0;color:#fff;font-size:88px;line-height:1.08;font-weight:500;letter-spacing:-.02em;white-space:pre-line; }
.auth-content[data-emv-auth-ui="approved"] .auth-brand-copy > span { max-width:340px;margin:32px 0 0;color:#f0f1ed;font-size:16px;line-height:1.7;white-space:pre-line; }
.auth-content[data-emv-auth-ui="approved"] .emv-auth-brand-meta { margin-top:auto;padding-top:48px;color:#e4e6df;font-size:12px;line-height:1.5; }
.auth-content[data-emv-auth-ui="approved"] .auth-panel { display:flex;flex-direction:column;justify-content:flex-start;max-height:none;overflow:visible;padding:32px 56px 40px;border:0;border-radius:0;background:var(--auth-ui-paper);color:var(--auth-ui-ink);box-shadow:none; }
.auth-content[data-emv-auth-ui="approved"] .auth-panel[data-emv-auth-composed="login"] { justify-content:center; }
.auth-content[data-emv-auth-ui="approved"] .emv-auth-tabs { display:flex;gap:32px;margin:0 0 40px;border-bottom:1px solid var(--auth-ui-line); }
.auth-content[data-emv-auth-ui="approved"] .emv-auth-tabs button { position:relative;min-height:48px;padding:0 0 16px;border:0;border-radius:0;background:none;color:var(--auth-ui-secondary);font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none; }
.auth-content[data-emv-auth-ui="approved"] .emv-auth-tabs button[aria-selected="true"] { color:var(--auth-ui-ink); }
.auth-content[data-emv-auth-ui="approved"] .emv-auth-tabs button[aria-selected="true"]::after { content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:#d9a52c; }
.auth-content[data-emv-auth-ui="approved"] .auth-panel-heading { gap:0;margin:0 0 24px; }
.auth-content[data-emv-auth-ui="approved"] .auth-panel-heading .auth-heading-icon,
.auth-content[data-emv-auth-ui="approved"] .auth-panel-heading p { display:none; }
.auth-content[data-emv-auth-ui="approved"] .auth-panel-heading h2 { margin:0;color:var(--auth-ui-ink);font-size:32px;line-height:1.25;font-weight:500;letter-spacing:0; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps { gap:12px;margin:0 0 24px; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps li { display:block;padding:12px 0 0;border-top:2px solid var(--auth-ui-line);color:var(--auth-ui-secondary);text-align:left; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps li::before { display:block;position:static;height:auto;margin:0 0 4px;background:none;color:inherit;content:attr(data-emv-auth-step);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps li > span { display:none; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps small { color:inherit;font-size:12px;font-weight:400; }
.auth-content[data-emv-auth-ui="approved"] .auth-steps li:is(.is-active,.is-complete) { border-top-color:#b88012;color:var(--auth-ui-ink); }
.auth-content[data-emv-auth-ui="approved"] .auth-steps li.is-active small { font-weight:500; }
.auth-content[data-emv-auth-ui="approved"] .auth-form { gap:20px; }
.auth-content[data-emv-auth-ui="approved"] .auth-field { gap:8px; }
.auth-content[data-emv-auth-ui="approved"] .auth-field > span { color:var(--auth-ui-ink);font-size:14px;font-weight:500; }
.auth-content[data-emv-auth-ui="approved"] .auth-field > small { color:var(--auth-ui-secondary);font-size:12px;line-height:1.6; }
.auth-content[data-emv-auth-ui="approved"] :is(.auth-input,.auth-email-input) { min-height:52px;border:1px solid var(--auth-ui-line);border-radius:0;background:var(--auth-ui-input);box-shadow:none;transition:none; }
.auth-content[data-emv-auth-ui="approved"] :is(.auth-input,.auth-email-input):focus-within { border-color:#a5700b;outline:2px solid #a5700b;outline-offset:2px;box-shadow:none; }
.auth-content[data-emv-auth-ui="approved"] :is(.auth-input,.auth-email-input) input { min-height:50px;color:var(--auth-ui-ink);font-size:15px; }
.auth-content[data-emv-auth-ui="approved"] .auth-email-input b { padding:0 12px;border-left-color:var(--auth-ui-line);background:transparent;color:var(--auth-ui-secondary);font-size:12px;font-weight:400; }
.auth-content[data-emv-auth-ui="approved"] :is(.auth-input,.auth-email-input) > svg { color:var(--auth-ui-secondary); }
.auth-content[data-emv-auth-ui="approved"] .auth-password-toggle { color:var(--auth-ui-secondary); }
.auth-content[data-emv-auth-ui="approved"] .auth-primary { min-height:52px;justify-content:space-between;margin-top:4px;padding:0 20px;border:0;border-radius:0;background:#e8b63e;color:#171a16;font-size:15px;font-weight:500;transition:transform 140ms cubic-bezier(.22,1,.36,1); }
.auth-content[data-emv-auth-ui="approved"] .auth-primary:hover:not(:disabled) { background:#e8b63e; }
.auth-content[data-emv-auth-ui="approved"] .auth-primary:not(:disabled):active { transform:translateY(1px); }
.auth-content[data-emv-auth-ui="approved"] .auth-primary svg { width:18px;height:18px;order:2; }
.auth-content[data-emv-auth-ui="approved"] :is(button,a):focus-visible { outline:2px solid #9a6500;outline-offset:4px; }
.auth-content[data-emv-auth-ui="approved"] .auth-secondary-link { align-self:flex-start;margin-top:16px;padding:4px 0;color:var(--auth-ui-secondary);font-size:13px;font-weight:400; }
.auth-content[data-emv-auth-ui="approved"] :is(.auth-code-recipient,.auth-verified-person) { margin-bottom:20px;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--auth-ui-secondary);font-size:12px; }
.auth-content[data-emv-auth-ui="approved"] .auth-feedback { border-radius:0;font-size:12px; }
[data-theme="dark"] .auth-content[data-emv-auth-ui="approved"] { --auth-ui-paper:#171918;--auth-ui-ink:#efefea;--auth-ui-secondary:#b1b5ac;--auth-ui-line:#41453e;--auth-ui-input:#20231f; }
@media(max-width:1000px) {
  .auth-content[data-emv-auth-ui="approved"] { grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);width:calc(100% - 32px);padding:24px 0; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy { padding:40px 28px; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy h1 { font-size:72px; }
  .auth-content[data-emv-auth-ui="approved"] .auth-panel { padding:24px 32px 32px; }
}
@media(max-width:720px) {
  .auth-content[data-emv-auth-ui="approved"] { grid-template-columns:1fr;width:calc(100% - 32px);padding:16px 0 32px;min-height:0; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy { display:block;min-height:0;padding:24px;background-position:center 46%; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy p { margin:0 0 12px;font-size:12px; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy h1 { font-size:40px;line-height:1.15;white-space:normal; }
  .auth-content[data-emv-auth-ui="approved"] .auth-brand-copy > span { margin:16px 0 0;font-size:13px;white-space:normal; }
  .auth-content[data-emv-auth-ui="approved"] .emv-auth-brand-meta { display:none; }
  .auth-content[data-emv-auth-ui="approved"] .auth-panel { padding:16px 24px 28px; }
  .auth-content[data-emv-auth-ui="approved"] .emv-auth-tabs { margin-bottom:28px; }
  .auth-content[data-emv-auth-ui="approved"] .auth-panel-heading h2 { font-size:28px; }
}
@media(max-width:380px) {
  .auth-content[data-emv-auth-ui="approved"] { width:calc(100% - 16px); }
  .auth-content[data-emv-auth-ui="approved"] .auth-panel { padding-right:16px;padding-left:16px; }
  .auth-content[data-emv-auth-ui="approved"] .auth-email-input b { padding:0 8px;font-size:11px; }
}
[data-motion="off"] .auth-content[data-emv-auth-ui="approved"] *,[data-motion="off"] .auth-content[data-emv-auth-ui="approved"] *::before,[data-motion="off"] .auth-content[data-emv-auth-ui="approved"] *::after { transition:none!important;animation:none!important; }
@media(prefers-reduced-motion:reduce) { .auth-content[data-emv-auth-ui="approved"] *,.auth-content[data-emv-auth-ui="approved"] *::before,.auth-content[data-emv-auth-ui="approved"] *::after { transition:none!important;animation:none!important; } }