body{margin:0}

.client .client-web input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.client .client-web textarea,
.client .client-web select,
.client .client-web input::placeholder,
.client .client-web textarea::placeholder{font-family:var(--font-family-primary),system-ui,-apple-system,Segoe UI,sans-serif}

[data-ui-13]{display:contents;position:relative}
[data-ui-13]:has(#skip-links-anchor:focus-visible) .content-wrapper[data-ui-3]{opacity:0;height:auto;overflow:hidden;display:inline-grid;box-sizing:border-box}
[data-ui-13] .content-wrapper[data-ui-3]{display:contents}
[data-ui-13] #skip-links-anchor[data-ui-3]{position:absolute;padding:0;width:0;height:0;z-index:-5;box-sizing:border-box;color:transparent;font-family:var(--font-family-primary);font-style:normal;line-height:150%;font-size:var(--font-size-sm,1rem);font-weight:500;text-decoration:none;outline:2px solid transparent}
[data-ui-13] #skip-links-anchor[data-ui-3]:focus-visible{border:2px solid var(--brand-t300);outline:none;width:auto;min-width:110px;height:auto;z-index:5;color:var(--brand-t300);padding:var(--spacing-10);border-radius:4px}
[data-ui-13] #skip-links-anchor[data-ui-3]:focus-visible:hover{background-color:var(--brand-t300);color:var(--background-primary);outline:2px solid var(--brand-t300);border:2px solid var(--background-primary)}

.client .client-web [data-ui-21]{height:inherit;display:block}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8]{display:inline-flex;flex-direction:column;width:100%;min-width:fit-content;color:var(--greys-g500)}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .label[data-ui-8]{margin-bottom:var(--spacing-10);font-size:var(--font-size-label-default);font-weight:500;color:var(--text-body);line-height:1.5;min-height:21px;display:flex;align-items:center;gap:var(--spacing-5)}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input[data-ui-8]{position:relative;border:1px solid var(--greys-g300);outline:solid 1px transparent;border-radius:8px}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input[data-ui-8]:focus-within,
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input[data-ui-8]:active{border-color:var(--greys-g500);outline-color:var(--greys-g500)}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input.invalid[data-ui-8]{outline-color:transparent;border-color:var(--error-e500)}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input[data-ui-8] .prefix[data-ui-8]{position:absolute;inset-inline-start:0;left:var(--spacing-15);top:50%;transform:translateY(-50%)}
.client .client-web [data-ui-21] .label-wrapper[data-ui-8] .input[data-ui-8] .suffix[data-ui-8]{position:absolute;inset-inline-end:0;right:var(--spacing-15);top:50%;transform:translateY(-50%)}

.password-toggle-icon{display:block;width:16px;height:16px;object-fit:contain;pointer-events:none}
.show-password-button{display:inline-flex;align-items:center;justify-content:center}

ui-feedback-message.errorFeedback[data-ui-14]{width:100%;max-width:100%;align-items:flex-start;box-sizing:border-box}
ui-feedback-message.errorFeedback.visible[data-ui-14]{display:grid!important;grid-template-columns:16px 1fr!important;opacity:1!important;gap:12px;padding:0;margin:0 0 16px}
ui-feedback-message.errorFeedback[aria-hidden="true"]{display:none!important}
ui-feedback-message.errorFeedback:before{content:"";align-self:flex-start;width:16px;height:16px;min-width:16px;display:block;margin-top:2px;background:url("../images/ui-inline-error.png") center/contain no-repeat}
ui-feedback-message.errorFeedback>img.error-icon{display:none!important}

/* Outage banner: desktop vs mobile layout */
@media screen and (max-width:767px){
  [data-ui-15] .desktop-messages .generic-alert{display:none!important}
  [data-ui-15] .mobile-form .generic-alert{display:block!important;width:100%;margin-bottom:var(--spacing-20,16px)}
  html.scii-outage-locked [data-ui-15] .mobile-form .generic-alert ui-feedback-message,
  [data-ui-15] .mobile-form .generic-alert ui-feedback-message.visible{display:flex!important}
}
@media screen and (min-width:768px){
  [data-ui-15] .mobile-form .generic-alert{display:none!important}
  html.scii-outage-locked [data-ui-15] .desktop-messages .generic-alert ui-feedback-message,
  [data-ui-15] .desktop-messages .generic-alert ui-feedback-message.visible{display:flex!important}
}

/* Static clone: keep the original message area spacing, but do not show live banners. */
lib-logout-reason-banner[data-ui-12]{display:none!important}
[data-ui-5].generic-alert[data-ui-5]>ui-feedback-message:not(.visible){display:none!important}
[data-ui-5].generic-alert ui-feedback-message.visible{display:flex!important;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:24px;border-radius:12px;background:var(--warning-e50,#fcf2d8);border:1px solid var(--warning-w500,#eb9d2f);max-width:640px;width:100%}
[data-ui-5].generic-alert ui-feedback-message.visible .content-text .title{display:block;font-weight:500;color:var(--text-body-brand,#0e1844);margin-bottom:6px;font-size:1rem}
[data-ui-5].generic-alert ui-feedback-message.visible .content-text .message{margin:0;color:var(--text-body,#444);line-height:1.5;font-size:.875rem}
ui-icon.icon-error.ui-icon{display:inline-block;width:24px;height:24px;min-width:24px;flex-shrink:0;background:url("../images/alert-warning.png") center/contain no-repeat;font-size:0;line-height:0;overflow:hidden}

html.scii-outage-locked .action-buttons{
  pointer-events:none!important;
  opacity:.55!important;
}
html.scii-outage-locked .generic-alert ui-feedback-message{
  display:flex!important;
  align-items:flex-start;
  gap:12px;
  padding:16px 20px;
  margin-bottom:24px;
  border-radius:12px;
  background:var(--warning-e50,#fcf2d8);
  border:1px solid var(--warning-w500,#eb9d2f);
  max-width:640px;
  width:100%
}
html.scii-outage-locked ui-feedback-message.errorFeedback.visible{
  display:none!important
}
html.scii-outage-locked ui-feedback-message.errorFeedback[aria-hidden="true"]{
  display:none!important
}