/* S!GNAL ALPHA DISPLAY TABLE: SQUARE CHROME, SYSTEM TYPE, NO DECORATIVE SOFTENING. */
*, *::before, *::after { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; margin: 0; }
body { background: #d9dde1; color: #20272e; font-family: Tahoma, Verdana, Arial, sans-serif; }
p, h1 { margin: 0; }
button, input { border-radius: 0; font: inherit; }
:focus-visible { outline: 2px solid #245f96; outline-offset: 2px; }

.identity-insignia { display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url('/identity.svg') center / contain no-repeat; mask: url('/identity.svg') center / contain no-repeat; }
.montnet-surface { min-height: 100svh; display: grid; grid-template-rows: 72px 1fr 48px; background: #d9dde1; color: #20272e; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
.montnet-header { border-bottom: 1px solid #172c3d; background: #304d66; color: #fff; box-shadow: 0 1px 3px rgba(20,31,40,.35); }
.montnet-header-inner { width: min(100% - 32px, 980px); height: 100%; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
.montnet-brand { display: flex; align-items: center; gap: 11px; }
.montnet-brand > .identity-insignia { width: 34px; height: 34px; color: #fff; }
.montnet-brand div { display: flex; flex-direction: column; gap: 2px; }
.montnet-brand strong { font-family: Arial, sans-serif; font-size: 15px; letter-spacing: .08em; }
.montnet-brand span { color: #d6e0e7; font-size: 10px; }
.montnet-gateway { color: #d6e0e7; font-size: 10px; text-transform: uppercase; }
.montnet-workspace { display: grid; place-items: center; align-content: center; gap: 18px; padding: 40px 16px 32px; background-color: #e7e9ec; background-image: linear-gradient(rgba(82,96,108,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(82,96,108,.045) 1px, transparent 1px); background-size: 24px 24px; }
.montnet-login-window { width: min(100%, 446px); border: 1px solid #7c8994; background: #f6f7f8; box-shadow: 0 2px 9px rgba(32,43,52,.28); }
.montnet-titlebar { height: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px; border-bottom: 1px solid #273d50; background: #49657d; color: #fff; font-size: 11px; font-weight: 700; }
.montnet-titlebar span:last-child { color: #b9c7d1; font-size: 7px; }
.montnet-window-body { padding: 23px 24px 20px; }
.montnet-window-heading { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid #c5cbd0; }
.montnet-window-heading h1 { color: #1d2d3a; font-size: 18px; font-weight: 700; line-height: 1.2; }
.montnet-window-heading p { margin-top: 4px; color: #5c6871; font-size: 11px; }
.montnet-lock { position: relative; width: 31px; height: 27px; flex: 0 0 31px; margin-top: 8px; border: 1px solid #506575; background: #d5dce1; box-shadow: inset 1px 1px #fff, inset -1px -1px #a0abb3; }
.montnet-lock::before { position: absolute; left: 7px; top: -13px; width: 15px; height: 16px; border: 3px solid #506575; border-bottom: 0; border-radius: 9px 9px 0 0; content: ''; }
.montnet-lock::after { position: absolute; left: 13px; top: 8px; width: 5px; height: 9px; background: #506575; content: ''; }
.access-form { margin-top: 18px; }
.montnet-id-row { display: flex; align-items: flex-end; justify-content: center; gap: 15px; }
.montnet-id-fields { display: flex; align-items: flex-end; gap: 7px; }
.montnet-id-fields .montnet-field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.montnet-id-fields .montnet-field label { text-align: left; white-space: nowrap; }
.montnet-id-separator { height: 29px; color: #53616c; font: 700 18px/29px "Courier New", Courier, monospace; }
.montnet-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.montnet-field { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 9px; }
.montnet-field label { color: #27333c; font-size: 11px; font-weight: 700; text-align: right; }
.montnet-field input { width: 100%; height: 29px; padding: 3px 7px; border: 1px solid #687681; background: #fff; color: #15191c; box-shadow: inset 1px 1px 2px rgba(40,48,54,.18); font-size: 12px; }
.montnet-field input:focus { border-color: #245f96; outline: 1px solid #8cb5d7; }
.montnet-id-fields .montnet-field input { width: 64px; font-family: "Courier New", Courier, monospace; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.montnet-id-fields .montnet-field:last-child input { width: 96px; }
.montnet-form-actions { margin: 0; text-align: right; }
.montnet-button { min-width: 86px; height: 29px; padding: 0 16px; border-style: solid; border-width: 1px; border-color: #fdfdfd #6f7b84 #6f7b84 #fdfdfd; background: #dce1e5; color: #17222b; box-shadow: 0 0 0 1px #8c979f; cursor: pointer; font-size: 11px; font-weight: 700; }
.montnet-button:hover { background: #edf0f2; }
.montnet-button:active { border-color: #6f7b84 #fdfdfd #fdfdfd #6f7b84; background: #cfd5da; }
.montnet-button:disabled { cursor: wait; opacity: .65; }
.montnet-response { min-height: 27px; margin-top: 17px; padding: 6px 8px; border: 1px solid #b8c0c6; background: #fff; color: #52606a; font-size: 10px; line-height: 1.35; }
.montnet-response strong { color: #283843; }
.montnet-response[data-state='active'] { border-color: #9b7a42; background: #fffbe8; color: #5b4728; }
.montnet-response[data-state='error'] { border-color: #a94c42; background: #fff1ef; color: #722c26; }
.montnet-login-window { position: relative; }
.montnet-offline[hidden], .montnet-connecting[hidden] { display: none; }
.montnet-offline, .montnet-connecting { position: absolute; z-index: 10; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(43, 50, 56, .34); color: #4a302d; font-size: 10px; line-height: 1.45; }
.montnet-dialog { width: min(100%, 372px); border: 1px solid #6f7c86; background: #f4f4f2; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #adb4b9 inset, 4px 5px 0 rgba(31, 38, 43, .28); }
.montnet-connection-dialog { width: min(100%, 320px); color: #2f3940; }
.montnet-connection-title { display: flex; align-items: center; justify-content: space-between; min-height: 25px; padding: 4px 7px 4px 8px; border-bottom: 1px solid #273d50; background: #49657d; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .035em; }
.montnet-connection-title span:last-child { color: #b9c7d1; font-size: 7px; }
.montnet-connection-body { padding: 14px 13px 12px; }
.montnet-connection-status { min-height: 15px; }
.montnet-progress-track { position: relative; height: 17px; margin-top: 10px; overflow: hidden; border: 1px solid #687681; background: #fff; box-shadow: inset 1px 1px 2px rgba(40,48,54,.24); }
.montnet-progress-fill { display: block; width: 0; height: 100%; border-right: 1px solid #29465d; background: repeating-linear-gradient(90deg, #496f8d 0, #496f8d 9px, #5d829e 9px, #5d829e 11px); }
.montnet-progress-fill[data-failed='true'] { border-right-color: #74342e; background: repeating-linear-gradient(90deg, #9b4e45 0, #9b4e45 9px, #b66357 9px, #b66357 11px); }
.montnet-connection-meta { display: flex; justify-content: space-between; margin-top: 6px; color: #69747c; font: 9px/1.2 "Courier New", Courier, monospace; }
.montnet-error-title { display: flex; align-items: center; justify-content: space-between; min-height: 25px; padding: 4px 6px 4px 8px; border-bottom: 1px solid #69413c; background: #9b4e45; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.montnet-error-title span:last-child { display: grid; width: 16px; height: 15px; place-items: center; border: 1px solid; border-color: #f7d7d3 #672f29 #672f29 #f7d7d3; background: #c4c7c9; color: #2b3135; font: 700 12px/1 Arial, sans-serif; }
.montnet-dialog > p { padding: 12px 12px 0; }
.notification-form { padding: 10px 11px 11px; }
.montnet-email-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.montnet-email-row label { color: #27333c; font-weight: 700; }
.montnet-email-row input { min-width: 0; height: 29px; padding: 3px 7px; border: 1px solid #687681; background: #fff; color: #15191c; box-shadow: inset 1px 1px 2px rgba(40,48,54,.18); font-size: 11px; }
.montnet-email-row input:focus { border-color: #245f96; outline: 1px solid #8cb5d7; }
.montnet-consent { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 6px; margin-top: 10px; color: #59636b; font-size: 9px; line-height: 1.4; }
.montnet-consent input { width: 13px; height: 13px; margin: 1px 0 0; }
.montnet-consent a { color: #304f69; }
.notification-form[data-state='success'] .montnet-email-row,
.notification-form[data-state='success'] .montnet-consent,
.notification-form[data-state='success'] .montnet-trap { display: none; }
.montnet-notification-response:empty { display: none; }
.montnet-notification-response { margin-top: 10px; padding: 6px 8px; border: 1px solid #b8c0c6; background: #fff; }
.montnet-notification-response[data-state='error'] { border-color: #a94c42; background: #fff1ef; color: #722c26; }
.montnet-notification-response[data-state='success'] { min-height: 72px; display: grid; place-items: center; margin-top: 0; padding: 16px 18px; border: 2px solid #607b59; background: #f1f7ef; color: #365031; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #b7c9b1; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; }
.montnet-assistance { margin-top: 17px; padding: 11px 12px; border: 1px solid #c3c9ce; background: #e9ecef; color: #505b63; font-size: 10px; line-height: 1.5; }
.montnet-assistance strong { color: #273640; }
.montnet-assistance p { margin-top: 2px; }
.montnet-policy { width: min(100%, 446px); color: #65717a; font-size: 9px; line-height: 1.5; text-align: center; }
.montnet-footer { display: flex; align-items: center; justify-content: space-between; padding: 0 max(16px, calc((100vw - 980px) / 2)); border-top: 1px solid #9ba5ad; background: #c7cdd2; color: #4f5961; font-size: 9px; }
.montnet-footer > div { display: flex; gap: 13px; }
.montnet-footer strong { color: #273640; font-size: 10px; }
.montnet-footer a,
.montnet-footer-link { padding: 0; border: 0; appearance: none; background: transparent; color: #273640; cursor: pointer; font: inherit; line-height: inherit; text-decoration: underline; }
.career-overlay[hidden] { display: none; }
.career-overlay { position: fixed; z-index: 30; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(43, 50, 56, .48); color: #25323c; }
.career-window { width: min(100%, 430px); border: 1px solid #697782; background: #f2f3f4; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #a8b0b6 inset, 5px 6px 0 rgba(31, 38, 43, .3); font: 11px/1.45 Tahoma, Verdana, Arial, sans-serif; }
.career-titlebar { min-height: 28px; display: flex; align-items: center; justify-content: space-between; padding: 3px 5px 3px 9px; border-bottom: 1px solid #273d50; background: #49657d; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .035em; }
.career-titlebar button { width: 18px; height: 17px; display: grid; place-items: center; padding: 0; border: 1px solid; border-color: #fff #647079 #647079 #fff; background: #d6dadd; color: #28333b; cursor: pointer; font: 700 13px/1 Arial, sans-serif; }
.career-window-body { padding: 17px 18px 16px; }
.career-status { padding: 8px 9px; border: 1px solid #b9c0c5; background: #fff; }
.career-window-body > p + p { margin-top: 11px; color: #59656e; }
.career-form { margin-top: 15px; }
.career-form > label:first-child { display: block; margin-bottom: 5px; font-weight: 700; }
.career-form > input[type='email'] { width: 100%; height: 31px; padding: 4px 7px; border: 1px solid #687681; border-radius: 0; background: #fff; box-shadow: inset 1px 1px 2px rgba(40,48,54,.18); color: #15191c; font: inherit; }
.career-form > input[type='email']:focus { border-color: #245f96; outline: 1px solid #8cb5d7; }
.career-consent { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 7px; margin-top: 11px; color: #59636b; font-size: 9px; }
.career-consent input { width: 13px; height: 13px; margin: 1px 0 0; }
.career-consent a { color: #304f69; }
.career-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 14px; }
.career-actions button { min-width: 82px; height: 29px; padding: 0 12px; border-style: solid; border-width: 1px; border-color: #fff #6f7b84 #6f7b84 #fff; border-radius: 0; background: #dce1e5; color: #17222b; box-shadow: 0 0 0 1px #8c979f; cursor: pointer; font: 700 10px Tahoma, Verdana, Arial, sans-serif; }
.career-actions button:disabled { cursor: wait; opacity: .65; }
.career-response:empty { display: none; }
.career-response { margin-top: 12px; padding: 7px 8px; border: 1px solid #b8c0c6; background: #fff; }
.career-response[data-state='error'] { border-color: #a94c42; background: #fff1ef; color: #722c26; }
.career-form[data-state='success'] > label:first-child,
.career-form[data-state='success'] > input[type='email'],
.career-form[data-state='success'] .career-consent,
.career-form[data-state='success'] .montnet-trap,
.career-form[data-state='success'] .career-actions { display: none; }
.career-response[data-state='success'] { min-height: 72px; display: grid; place-items: center; margin-top: 0; padding: 16px 18px; border: 2px solid #607b59; background: #f1f7ef; color: #365031; box-shadow: inset 1px 1px 0 #fff, 1px 1px 0 #aeb8aa; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; }
.montnet-footer-connection { display: inline-flex; align-items: center; gap: 5px; }
.montnet-footer-lock { position: relative; width: 8px; height: 7px; border: 1px solid #52616c; background: #dce1e5; }
.montnet-footer-lock::before { position: absolute; left: 1px; top: -5px; width: 4px; height: 5px; border: 1px solid #52616c; border-bottom: 0; border-radius: 3px 3px 0 0; content: ''; }

@media (max-width: 560px) {
  .montnet-field input,
  .montnet-email-row input,
  .career-form > input[type='email'] { font-size: 16px; }
  .montnet-surface { grid-template-rows: 60px 1fr 64px; }
  .montnet-header-inner { width: calc(100% - 24px); }
  .montnet-brand > .identity-insignia { width: 29px; height: 29px; }
  .montnet-brand strong { font-size: 13px; }
  .montnet-brand span { font-size: 9px; }
  .montnet-gateway { display: none; }
  .montnet-workspace { align-content: start; padding: 40px 12px 24px; }
  .montnet-window-body { padding: 22px 17px 18px; }
  .montnet-id-row { align-items: stretch; flex-direction: column; gap: 12px; }
  .montnet-id-fields { justify-content: center; }
  .montnet-field { grid-template-columns: 1fr; gap: 5px; }
  .montnet-field label { text-align: left; }
  .montnet-form-actions { margin-left: 0; text-align: right; }
  .montnet-button { min-width: 96px; }
  .montnet-offline, .montnet-connecting { padding: 12px; }
  .montnet-dialog { width: 100%; }
  .montnet-email-row { grid-template-columns: 1fr; gap: 5px; }
  .montnet-email-row .montnet-button { justify-self: end; }
  .montnet-footer { flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; padding-inline: 12px; }
  .montnet-footer > div:last-child { width: 100%; justify-content: space-between; }
  .montnet-footer > div:last-child { flex-wrap: wrap; gap: 5px 9px; }
  .career-overlay { padding: 12px; }
  .career-window-body { padding: 15px 14px 14px; }
}