/* Logowanie P1a: istniejący formularz w nowej powłoce. */
@media screen {
/* R4: Perfex ustawia a { outline:none !important }; ring obejmuje także
   linki zakładek, akcji wierszy i dropdownów. */
html.fwui-auth a:focus-visible { outline: 2px solid var(--fwui-cyan) !important; outline-offset: 2px; }


html.fwui-auth body {
  color: var(--fwui-foreground);
  background: var(--fwui-background);
  font-family: var(--fwui-font-sans);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
html.fwui-auth body :is(h1, h2, h3, h4) {
  color: var(--fwui-navy);
  font-family: var(--fwui-font-display);
  font-weight: 600;
  letter-spacing: -.01em;
}
html.fwui-auth body h1 { font-size: 28px; line-height: 1.2; }
html.fwui-auth body h2 { font-size: 26px; line-height: 1.5; }
html.fwui-auth body h3 { font-size: 17px; line-height: 1.5; }
html.fwui-auth body h4 { font-size: 17px; line-height: 1.5; }
html.fwui-auth body a { color: var(--fwui-navy); text-decoration-color: var(--fwui-cyan); text-underline-offset: 3px; }
html.fwui-auth body a:hover { color: var(--fwui-navy); }
html.fwui-auth body :is(.text-muted, .help-block, .text-neutral-500, .tw-text-neutral-500, .tw-text-neutral-600) { color: var(--fwui-ink-muted); }
html.fwui-auth body :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--fwui-cyan);
  outline-offset: 2px;
}
html.fwui-auth body .checkbox input:focus-visible + label::before,
html.fwui-auth body .radio input:focus-visible + label::before {
  outline: 2px solid var(--fwui-cyan);
  outline-offset: 2px;
}
html.fwui-auth body .btn {
  min-height: 40px;
  padding: 9px 18px;
  border-radius: var(--fwui-radius);
  font-family: var(--fwui-font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: none;
  text-transform: none;
  white-space: normal;
  transition: background-color var(--fwui-motion) var(--fwui-ease), border-color var(--fwui-motion) var(--fwui-ease);
}
html.fwui-auth body :is(.btn-primary, .btn-primary:focus, .btn-success, .btn-success:focus) {
  color: var(--fwui-navy);
  background-color: var(--fwui-brass);
  border-color: var(--fwui-brass);
}
html.fwui-auth body :is(.btn-primary, .btn-success):is(:hover, :active, .active),
html.fwui-auth body .open > :is(.btn-primary, .btn-success).dropdown-toggle {
  color: var(--fwui-navy);
  background-color: #c29a5b;
  border-color: #c29a5b;
}
html.fwui-auth body :is(.btn-info, .btn-danger, .btn-info:focus, .btn-danger:focus) {
  color: var(--fwui-offwhite);
  background-color: var(--fwui-navy);
  border-color: var(--fwui-navy);
}
html.fwui-auth body :is(.btn-info, .btn-danger):is(:hover, :active, .active),
html.fwui-auth body .open > :is(.btn-info, .btn-danger).dropdown-toggle { color: #fff; background-color: #214260; border-color: #214260; }
html.fwui-auth body :is(.btn-default, .btn-default:focus) {
  color: var(--fwui-navy);
  background-color: var(--fwui-card);
  border-color: var(--fwui-button-border);
  font-weight: 500;
}
html.fwui-auth body .btn-default:is(:hover, :active, .active),
html.fwui-auth body .open > .btn-default.dropdown-toggle { color: var(--fwui-navy); background-color: var(--fwui-hover); border-color: var(--fwui-button-border); }
html.fwui-auth body .btn-warning { color: var(--fwui-navy); background: var(--fwui-accent); border-color: var(--fwui-brass); }
html.fwui-auth body .btn-warning:is(:hover, :focus, :active) { color: var(--fwui-navy); background: #eadbc3; border-color: var(--fwui-brass); }
html.fwui-auth body .btn-link { color: var(--fwui-navy); background: transparent; border-color: transparent; text-decoration: underline; text-decoration-color: var(--fwui-cyan); }
html.fwui-auth body .btn-link:hover { background: var(--fwui-hover); }
html.fwui-auth body :is(.btn-sm, .btn-xs) { min-height: 36px; padding: 7px 14px; font-size: 13px; }
html.fwui-auth body .btn-lg { min-height: 44px; padding: 11px 22px; font-size: 15px; }
html.fwui-auth body .btn-icon { min-width: 36px; padding-inline: 10px; }
html.fwui-auth body .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
html.fwui-auth body .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
html.fwui-auth body .btn-group > .btn:last-child:not(:first-child),
html.fwui-auth body .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
html.fwui-auth body :is(.btn.disabled, .btn[disabled]) { opacity: .45; cursor: not-allowed; box-shadow: none; }
html.fwui-auth body .form-group { margin-bottom: 20px; }
html.fwui-auth body :is(label, .control-label) { color: var(--fwui-navy); font-weight: 500; font-size: 14px; }
html.fwui-auth body .form-group > label { margin-bottom: 8px; }
html.fwui-auth body .form-control:where(:not(.bootstrap-select)) {
  height: var(--fwui-control-height);
  padding: 8px 12px;
  color: var(--fwui-navy);
  background: var(--fwui-card);
  border: 1px solid var(--fwui-input-border);
  border-radius: var(--fwui-radius);
  box-shadow: none;
  font-family: var(--fwui-font-sans);
  font-size: 14px;
  line-height: 20px;
}
html.fwui-auth body .form-control::placeholder { color: var(--fwui-ink-muted); opacity: 1; }
html.fwui-auth body .form-control:focus { border-color: var(--fwui-cyan); box-shadow: 0 0 0 2px var(--fwui-card), 0 0 0 4px var(--fwui-cyan); }
html.fwui-auth body textarea.form-control { height: auto; min-height: 100px; resize: vertical; }
html.fwui-auth body select.form-control[multiple] { height: auto; min-height: 114px; }
html.fwui-auth body .form-control:is([disabled], [readonly]) { color: var(--fwui-ink-muted); background: var(--fwui-offwhite); cursor: not-allowed; }
html.fwui-auth body .input-group-addon { color: var(--fwui-ink-muted); background: var(--fwui-offwhite); border-color: var(--fwui-input-border); border-radius: var(--fwui-radius); }
html.fwui-auth body .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
html.fwui-auth body .input-group .form-control:first-child,
html.fwui-auth body .input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
html.fwui-auth body .input-group .form-control:last-child,
html.fwui-auth body .input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
html.fwui-auth body .input-group-btn > .btn { min-height: 38px; padding-block: 8px; }
html.fwui-auth body .bootstrap-select > .dropdown-toggle { min-height: 38px; padding: 8px 30px 8px 12px; font-family: var(--fwui-font-sans); font-weight: 400; }
html.fwui-auth body .bootstrap-select .dropdown-menu { max-width: 100%; }
html.fwui-auth body .bootstrap-select .dropdown-menu li a { white-space: normal; }
html.fwui-auth body .select2-container .select2-selection { min-height: 38px; border: 1px solid var(--fwui-input-border); border-radius: var(--fwui-radius); }
html.fwui-auth body .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--fwui-navy); line-height: 36px; }
html.fwui-auth body .select2-dropdown { border-color: var(--fwui-input-border); border-radius: var(--fwui-radius); box-shadow: var(--fwui-shadow-lg); }
html.fwui-auth body .select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--fwui-navy); background: var(--fwui-accent); }
html.fwui-auth body .checkbox label::before,
html.fwui-auth body .radio label::before { border-color: var(--fwui-button-border); background: var(--fwui-card); }
html.fwui-auth body .checkbox label::before { border-radius: 4px; }
html.fwui-auth body .checkbox input[type="checkbox"]:checked + label::before { background: var(--fwui-navy); border-color: var(--fwui-navy); }
html.fwui-auth body .checkbox input[type="checkbox"]:checked + label::after { color: var(--fwui-offwhite); }
html.fwui-auth body .radio input[type="radio"]:checked + label::before { border-color: var(--fwui-navy); }
html.fwui-auth body .radio input[type="radio"]:checked + label::after { background: var(--fwui-navy); }
html.fwui-auth body input:is([type="checkbox"], [type="radio"]) { accent-color: var(--fwui-navy); }
html.fwui-auth body :is(.has-error .form-control, .has-error .bootstrap-select > .dropdown-toggle, .form-control[aria-invalid="true"]) { border-color: var(--fwui-error); }
html.fwui-auth body :is(.has-error .help-block, .has-error .control-label, label.error, p.text-danger, .text-danger) { color: var(--fwui-error); }
html.fwui-auth body :is(label.error, p.text-danger, .has-error .help-block) { margin-top: 8px; font-size: 14px; line-height: 1.5; }
html.fwui-auth body .dropdown-menu { padding: 6px; background: var(--fwui-card); color: var(--fwui-navy); border: 1px solid var(--fwui-border); border-radius: var(--fwui-radius); box-shadow: var(--fwui-shadow-lg); }
html.fwui-auth body .dropdown-menu > li > a { min-height: 36px; padding: 8px 12px; color: var(--fwui-navy); border-radius: 4px; }
html.fwui-auth body .dropdown-menu > li > a:is(:hover, :focus),
html.fwui-auth body .dropdown-menu > .active > a { color: var(--fwui-navy); background: var(--fwui-accent); }
html.fwui-auth body .dropdown-menu > .disabled > a { color: var(--fwui-ink-muted); background: transparent; }
html.fwui-auth body .dropdown-menu .divider { background: var(--fwui-border); }
html.fwui-auth body .dropdown-header { color: var(--fwui-ink-muted); font-family: var(--fwui-font-mono); font-size: 11px; }
html.fwui-auth body .modal-content { background: var(--fwui-offwhite); border: 1px solid var(--fwui-border); border-radius: var(--fwui-radius-card); box-shadow: var(--fwui-shadow-lg); }
html.fwui-auth body :is(.modal-header, .modal-body, .modal-footer) { padding: 20px 24px; border-color: var(--fwui-border); }
html.fwui-auth body .modal-title { font-family: var(--fwui-font-display); font-size: 18px; font-weight: 600; color: var(--fwui-navy); }
html.fwui-auth body .modal-header .close { color: var(--fwui-navy); opacity: .75; text-shadow: none; min-width: 32px; min-height: 32px; }
html.fwui-auth body .modal-backdrop { background: var(--fwui-navy); }
html.fwui-auth body .modal-backdrop.in { opacity: .8; }
html.fwui-auth body .alert { border: 1px solid var(--fwui-border); border-radius: var(--fwui-radius-card); padding: 16px; font-size: 14px; line-height: 1.5; }
html.fwui-auth body .alert-info { background: #edf4f8; color: var(--fwui-navy); border-color: var(--fwui-cyan); }
html.fwui-auth body .alert-warning { background: #faf4e9; color: var(--fwui-warning-ink); border-color: var(--fwui-brass); border-left-width: 4px; }
html.fwui-auth body .alert-success { background: var(--fwui-success-bg); color: var(--fwui-success); border-color: #a8c9b3; }
html.fwui-auth body .alert-danger { background: var(--fwui-error-bg); color: var(--fwui-error); border-color: #e5aaa5; }
html.fwui-auth body .alert a { color: inherit; text-decoration: underline; }
html.fwui-auth body .float-alert { box-shadow: var(--fwui-shadow-lg); max-width: calc(100vw - 32px); }
html.fwui-auth body .xdsoft_datetimepicker { color: var(--fwui-navy); background: var(--fwui-card); border: 1px solid var(--fwui-border); border-radius: var(--fwui-radius); box-shadow: var(--fwui-shadow-lg); }
html.fwui-auth body .xdsoft_datetimepicker .xdsoft_calendar td { color: var(--fwui-navy); background: var(--fwui-offwhite); border-color: var(--fwui-border); }
html.fwui-auth body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current { background: var(--fwui-navy); color: var(--fwui-offwhite); box-shadow: none; }

html.fwui-auth body { margin: 0; min-height: 100vh; }
html.fwui-auth .authentication-form-wrapper { width: min(100% - 32px, 480px); max-width: 480px; margin-inline: auto; padding-block: 48px; }
html.fwui-auth .authentication-form-wrapper > .tw-bg-white { margin-inline: 0; padding: 24px; border: 1px solid var(--fwui-border); border-radius: 12px; background: var(--fwui-card); box-shadow: none; }
/* R2: wrapper zgodny z JS; przycisk nie zajmuje osobnego wiersza. */
html.fwui-auth .fwui-password { position: relative; min-width: 0; }
html.fwui-auth body .fwui-password > .form-control { padding-inline-end: 44px; }
html.fwui-auth body .fwui-password-toggle {
  position: absolute; inset-inline-end: 3px; top: 3px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; min-height: 0; padding: 6px;
  color: var(--fwui-ink-muted); background: transparent;
  border: 0; border-radius: 6px; cursor: pointer;
}
html.fwui-auth body .fwui-password-toggle:is(:hover, [aria-pressed="true"]) { color: var(--fwui-navy); background: var(--fwui-hover); }
html.fwui-auth body .fwui-password-toggle:focus-visible { outline: 2px solid var(--fwui-cyan); outline-offset: 0; }
html.fwui-auth .fwui-password-toggle svg { width: 20px; height: 20px; pointer-events: none; }
/* Starszy JS osadza shell w kolumnie formularza portalu; nie zwężaj obu paneli do 1/3 strony. */
html.fwui-auth .col-md-4.col-md-offset-4:has(> .fwui-auth-shell) { width: 100%; margin-inline: 0; float: none; }
html.fwui-auth .company-logo { margin-bottom: 32px; }
html.fwui-auth .company-logo > a { display: inline-block; background: transparent; border-radius: 0; padding: 0; }
html.fwui-auth .company-logo img { width: 180px; max-width: 100%; height: auto; }
html.fwui-auth :is(.authentication-form-wrapper h1, .login-heading) { font-family: var(--fwui-font-display); font-size: 26px; font-weight: 600; line-height: 1.25; }
html.fwui-auth :is(.panel_s, .panel_s > .panel-body) { box-shadow: none; border-radius: 12px; }
html.fwui-auth .panel_s > .panel-body { padding: 24px; border: 1px solid var(--fwui-border); background: var(--fwui-card); }
html.fwui-auth body :is(.btn-primary, .btn-primary:focus) { background: var(--fwui-navy); border-color: var(--fwui-navy); color: var(--fwui-offwhite); border-radius: 9999px; min-height: 44px; }
html.fwui-auth body .btn-primary:is(:hover, :focus, :active, .active) { background: #214260; border-color: #214260; color: #fff; }
/* !important: bootstrap-select nadaje własny outline przez !important. */
html.fwui-auth .bootstrap-select > .dropdown-toggle:focus-visible { outline: 2px solid var(--fwui-cyan) !important; outline-offset: 2px; }
html.fwui-auth .fwui-auth-shell { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); min-height: 100vh; min-height: 100dvh; background: var(--fwui-offwhite); }
/* R3: JS montuje powłokę bezpośrednio w body, ponad nawigacją portalu (1030).
   Modale producenta (1040/1050) pozostają ponad nią. Bez powłoki formularz działa jak wcześniej. */
html.fwui-auth body:has(> .fwui-auth-shell) { overflow: hidden; }
html.fwui-auth body > .fwui-auth-shell {
  position: fixed; inset: 0; z-index: 1035;
  min-height: 0; grid-template-rows: minmax(0, 1fr); overflow: hidden;
}
html.fwui-auth body > .fwui-auth-shell > :is(.fwui-auth-main, .fwui-auth-form-pane) {
  min-height: 0; overflow-y: auto; overscroll-behavior-y: contain;
  justify-content: flex-start;
}
/* Auto margins centrują krótki formularz, a dla długiego redukują się do zera.
   Samo justify-content:center ucinałoby początek przewijanej rejestracji. */
html.fwui-auth body > .fwui-auth-shell > :is(.fwui-auth-main, .fwui-auth-form-pane) > * { flex-shrink: 0; }
html.fwui-auth body > .fwui-auth-shell > :is(.fwui-auth-main, .fwui-auth-form-pane) > :first-child { margin-block-start: auto; }
html.fwui-auth body > .fwui-auth-shell > :is(.fwui-auth-main, .fwui-auth-form-pane) > :last-child { margin-block-end: auto; }
html.fwui-auth body > .fwui-auth-shell > .fwui-auth-hero-pane { min-height: 0; overflow-y: auto; }
/* bootstrap-select kopiuje .form-control na wrapper; ramkę ma tylko przycisk. */
html.fwui-auth .fwui-auth-shell .bootstrap-select.form-control {
  width: 100%; height: auto; padding: 0; border: 0; background: transparent; box-shadow: none;
}
html.fwui-auth .fwui-auth-shell select.form-control { width: 100%; }
html.fwui-auth .fwui-auth-shell .bootstrap-select > .dropdown-toggle {
  width: 100%; color: var(--fwui-navy); background: var(--fwui-card);
  border: 1px solid var(--fwui-input-border); border-radius: var(--fwui-radius);
}
html.fwui-auth .fwui-auth-shell .alert { flex-shrink: 0; overflow-wrap: anywhere; }
html.fwui-auth .fwui-auth-shell .alert-dismissable,
html.fwui-auth .fwui-auth-shell .alert-dismissible { padding-inline-end: 36px; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 48px clamp(24px, 4vw, 64px); }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) > * { width: 100%; max-width: 480px; margin-inline: auto; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .authentication-form-wrapper { width: 100%; padding-block: 0; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .authentication-form-wrapper > .tw-bg-white,
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .panel_s > .panel-body { background: transparent; border: 0; box-shadow: none; padding: 24px 0; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) :is(#wrapper, #content, .container) { width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; padding-inline: 0; background: transparent; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) :is(.col-md-4.col-md-offset-4, .col-sm-8.col-sm-offset-2) { width: 100%; margin-inline: 0; padding-inline: 0; float: none; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .form-group { text-align: start; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) :is(.company-logo, .login-heading) { text-align: start; }
html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .company-logo { margin-bottom: 40px; }
html.fwui-auth .fwui-auth-hero-pane { min-width: 0; background: var(--fwui-navy); color: var(--fwui-offwhite); }
html.fwui-auth .fw-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: center; gap: 32px; min-height: 100%; padding: 64px clamp(28px, 5vw, 72px); background: var(--fwui-navy); color: var(--fwui-offwhite); }
html.fwui-auth .fw-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(to right, rgba(245, 246, 247, .05) 1px, transparent 1px), linear-gradient(to bottom, rgba(245, 246, 247, .05) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(#000, transparent 85%); }
html.fwui-auth .fw-hero-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 80% 20%, rgba(111, 169, 204, .16), transparent 65%), radial-gradient(ellipse at 0 90%, rgba(184, 135, 58, .12), transparent 65%); }
/* Cała treść od razu widoczna, niezależnie od starego skryptu P1a i .is-in. */
html.fwui-auth .fw-reveal { opacity: 1; transform: none; transition: none; animation: none; }
html.fwui-auth .fw-hero-brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; color: var(--fwui-offwhite); font-family: var(--fwui-font-display); font-size: 17px; font-weight: 600; }
html.fwui-auth .fw-hero-brand svg { width: 26px; height: 26px; }
html.fwui-auth .fw-hero-brand svg path { stroke: #d1ae75; stroke-width: 2.4; fill: none; }
html.fwui-auth .fw-hero-copy { max-width: 544px; }
html.fwui-auth .fw-badge { display: inline-flex; align-items: center; gap: 12px; padding: 8px 16px; margin: 0 0 20px; color: #c1cbd5; border: 1px solid rgba(245, 246, 247, .16); border-radius: 9999px; font: 12px var(--fwui-font-mono); letter-spacing: .06em; background: rgba(245, 246, 247, .04); }
html.fwui-auth .fw-badge i { width: 6px; height: 6px; border-radius: 50%; background: #d1ae75; box-shadow: 0 0 0 4px rgba(184, 135, 58, .2); animation: none; }
html.fwui-auth .fw-hero-title { margin: 0 0 16px; color: var(--fwui-offwhite); font-family: var(--fwui-font-display); font-weight: 600; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.06; letter-spacing: -.028em; }
html.fwui-auth .fw-hero-accent { color: #d1ae75; }
html.fwui-auth .fw-hero-lede { max-width: 430px; color: #c1cbd5; font-size: 16px; line-height: 1.6; }
/* Statyczny rysunek P1a: pierwsza scena, bez oczekiwania na JS animacji. */
html.fwui-auth .fw-portal { position: relative; width: 100%; max-width: 540px; aspect-ratio: 640 / 440; }
html.fwui-auth .fw-portal-canvas { position: absolute; inset: 0; transform: none; }
html.fwui-auth .fw-portal-svg { width: 100%; height: 100%; font-family: var(--fwui-font-display); }
html.fwui-auth .fw-portal-line { fill: none; stroke: rgba(111, 169, 204, .55); stroke-width: 1.4; stroke-dasharray: none; stroke-dashoffset: 0; transition: none; }
html.fwui-auth .fw-portal-label { fill: #c1cbd5; font-size: 14px; font-weight: 500; letter-spacing: .04em; }
html.fwui-auth .fw-portal-mono { fill: #c1cbd5; font: 11px var(--fwui-font-mono); }
html.fwui-auth .fw-portal-nav-bg { fill: rgba(245, 246, 247, .06); stroke: rgba(184, 135, 58, .55); stroke-width: 1; }
html.fwui-auth .fw-portal-cursor-dot { fill: var(--fwui-cyan); }
html.fwui-auth .fw-portal-cursor-ring { fill: none; stroke: var(--fwui-cyan); opacity: .4; }
html.fwui-auth .fw-portal-view { opacity: 1; transform: none; animation: none; }
html.fwui-auth .fw-portal-view ~ .fw-portal-view { display: none; }
html.fwui-auth .fw-portal-box { fill: rgba(245, 246, 247, .04); stroke: rgba(245, 246, 247, .16); stroke-width: 1; }
html.fwui-auth .fw-portal-text { fill: #bac5cf; }
html.fwui-auth .fw-portal-text-muted { fill: #627b91; }
html.fwui-auth .fw-portal-track { fill: rgba(245, 246, 247, .12); }
html.fwui-auth .fw-portal-bar { fill: var(--fwui-cyan); transform-box: fill-box; transform-origin: left; transform: scaleX(var(--w, .6)); }
@media (max-width: 991px) {
  html.fwui-auth .fwui-auth-shell { grid-template-columns: minmax(0, 1fr); }
  html.fwui-auth body > .fwui-auth-shell > .fwui-auth-hero-pane { display: none; }
  html.fwui-auth .fw-hero { min-height: 0; padding: 28px 24px; gap: 24px; }
  html.fwui-auth .fw-hero-title { font-size: 32px; margin-bottom: 0; }
  html.fwui-auth .fw-hero-lede { margin-bottom: 0; font-size: 14px; }
  html.fwui-auth .fw-portal { display: none; }
  html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) { padding: 32px 24px 48px; }
}
@media (max-width: 479px) {
  html.fwui-auth .authentication-form-wrapper { padding-block: 28px; }
  html.fwui-auth .authentication-form-wrapper > .tw-bg-white { padding: 20px 16px; }
  html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) { padding-inline: 20px; }
  html.fwui-auth :is(.fwui-auth-main, .fwui-auth-form-pane) .authentication-form-wrapper > .tw-bg-white { padding-inline: 0; }
  html.fwui-auth .form-control { font-size: 16px; }
  html.fwui-auth .g-recaptcha { max-width: 100%; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html.fwui-auth :is(.btn, .dropdown-menu) { transition: none; animation: none; }
}
html.fwui-auth.fwui-reduced-motion :is(.btn, .dropdown-menu) { transition: none; animation: none; }
}