@import url('../login/fonts.css');

/* Shared presentation for existing HTML screens; no form or navigation logic. */
:root {
  --lmx-brand:#075fba; --lmx-hover:#064e99; --lmx-ink:#0c1934;
  --lmx-heading:#102b49; --lmx-muted:#52657b; --lmx-border:#bed2e5;
  --lmx-panel:#7f9db8; --lmx-panel-top:#528bbd;
  --lmx-row-alt:#dbe9f6; --lmx-row-hover:#cbdff2;
  --lmx-table-border:#6f91af; --lmx-row-divider:#bacfe2;
  --lmx-table-shadow:0 -1px 0 rgba(255,255,255,.95),0 2px 4px rgba(30,65,99,.10),0 8px 20px rgba(30,65,99,.15);
  --lmx-shadow:var(--lmx-table-shadow);
  --lmx-page-width:1120px; --lmx-form-width:560px;
  --lmx-gutter:clamp(16px,3vw,40px);
}
html:is(.lmx-page,.lmx-login-design) { background:#f2f8fd; font-synthesis:none; }
html:is(.lmx-page,.lmx-login-design) body {
  margin:0; min-width:320px; min-height:100vh; min-height:100svh;
  color:var(--lmx-ink); font:400 14px/1.55 Inter,system-ui,sans-serif;
  background-color:#f2f8fd;
  background-image:
    radial-gradient(ellipse at 50% 40%,rgba(251,253,255,.97) 0%,rgba(246,250,254,.90) 45%,rgba(239,247,253,.78) 100%),
    url('../login/background-azur.png');
  background-blend-mode:normal;
  background-position:center; background-size:cover; background-repeat:no-repeat;
  background-attachment:fixed;
}
html.lmx-page body { padding:0 var(--lmx-gutter) 48px; }
html:is(.lmx-page,.lmx-login-design) *,html:is(.lmx-page,.lmx-login-design) *::before,
html:is(.lmx-page,.lmx-login-design) *::after { box-sizing:border-box; }
html:is(.lmx-page,.lmx-login-design) [hidden] { display:none!important; }
html:is(.lmx-page,.lmx-login-design) :is(font,td,th,p,label,input,select,textarea,button) {
  font-family:Inter,system-ui,sans-serif;
}
html.lmx-page :is(font,td,th,p) { font-size:14px; line-height:1.55; }
html:is(.lmx-page,.lmx-login-design) :is(h1,h2,h3),
html.lmx-page .lmx-heading :is(font,b,strong) {
  color:var(--lmx-heading); font:700 22px/1.35 Manrope,Inter,system-ui,sans-serif;
  letter-spacing:-.025em;
}
html:is(.lmx-page,.lmx-login-design) a { color:var(--lmx-brand); text-underline-offset:4px; }
html:is(.lmx-page,.lmx-login-design) a:hover { color:var(--lmx-hover); }
html:is(.lmx-page,.lmx-login-design) :is(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline:3px solid #78b9ff; outline-offset:3px;
}
html.lmx-page :is(.lmx-ink,.azul) { color:var(--lmx-heading); }
html.lmx-page hr { height:0; border:0; border-top:1px solid var(--lmx-border); margin:16px 0; }
html.lmx-page body>br,html.lmx-page center>br,html.lmx-page form>br { display:none; }

/* Headers follow the login dimensions. Existing internal navigation stays available. */
html.lmx-page .lmx-standard-header { margin:0 calc(-1 * var(--lmx-gutter)); }
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-header,.capture-header,.site-header) {
  background:#fff; border-bottom:1px solid #dce5ee; box-shadow:0 4px 14px #244f7808;
}
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar,.capture-header-inner,.header-inner) {
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  max-width:calc(var(--lmx-page-width) + 2 * var(--lmx-gutter)); min-height:86px; margin:auto; padding:12px var(--lmx-gutter);
}
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar>a,.capture-brand,.brand) {
  display:block; flex:0 1 auto; min-width:0;
}
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar img,.capture-brand img,.brand img) {
  display:block; width:260px; max-width:100%; height:auto; object-fit:contain;
}
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar nav,.capture-help,.help) { display:flex; gap:28px; }
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar nav,.capture-help,.help) a {
  color:#263e59; font:500 14px/1.4 Inter,system-ui,sans-serif; text-decoration:none;
}
html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar nav,.capture-help,.help) a:hover { color:var(--lmx-brand); text-decoration:underline; }
html.lmx-page .ec-header { margin:20px auto; max-width:var(--lmx-page-width); padding:16px; background:#fff; border:1px solid var(--lmx-border); border-radius:12px; }
html.lmx-page .ec-header__bar,html.lmx-page .ec-header__actions,html.lmx-page .ec-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
html.lmx-page .ec-header__brand img { max-width:220px; height:auto; }
html.lmx-page .ec-header__title { display:block; }
html.lmx-page .lmx-navigation { max-width:var(--lmx-page-width); margin:32px auto 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
html.lmx-page body:has(form.lmx-compact-form):not(:has(.lmx-data-table)) .lmx-navigation { max-width:var(--lmx-form-width); }
html.lmx-page .lmx-path { flex:1; min-width:0; overflow-wrap:anywhere; }
html.lmx-page .lmx-path,html.lmx-login-design .capture-path,
html.lmx-page .lmx-editor-kicker { margin:0; color:var(--lmx-muted); font:500 11px/1.6 'IBM Plex Mono',monospace; }
html:is(.lmx-page,.lmx-login-design) :is(.lmx-back,.capture-back,.back) {
  display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 12px;
  border:1px solid var(--lmx-border); border-radius:6px; background:#fff;
  color:#263e59; font:500 13px/1.5 Inter,system-ui,sans-serif; text-decoration:none;
}
html.lmx-page .lmx-back svg { width:18px; height:18px; }

/* Compact panels and controls, preserving field names, sizes and form ownership. */
html.lmx-page form {
  width:100%; max-width:var(--lmx-page-width); margin:0 auto 20px; padding:16px;
  border:1px solid var(--lmx-panel); border-top:3px solid var(--lmx-panel-top);
  border-radius:12px; background:#fff; box-shadow:var(--lmx-shadow); text-align:left;
}
html.lmx-page form.lmx-compact-form { max-width:var(--lmx-form-width); }
html.lmx-page form.lmx-compact-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=button]):not([type=reset]),
html.lmx-page form.lmx-compact-form :is(select,textarea) { width:100%; }
html.lmx-page form.lmx-list-form { padding:0; border:0; background:transparent; box-shadow:none; }
html.lmx-page form:has(> input[type=hidden]:only-child) { margin:0; padding:0; border:0; box-shadow:none; background:none; }
html:is(.lmx-page,.lmx-login-design) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=button]):not([type=reset]),
html:is(.lmx-page,.lmx-login-design) :is(select,textarea) {
  max-width:100%; min-height:34px; padding:5px 9px; border:1px solid var(--lmx-border);
  border-radius:6px; background:#fff; color:var(--lmx-ink); font:400 15px/1.4 Inter,system-ui,sans-serif;
}
html.lmx-page select { width:320px; }
html.lmx-page textarea { width:100%; min-height:110px; resize:vertical; }
html.lmx-page input[type=hidden] { display:none; }
html:is(.lmx-page,.lmx-login-design) :is(input[type=checkbox],input[type=radio]) { accent-color:var(--lmx-brand); }
html:is(.lmx-page,.lmx-login-design) :is(input[type=submit],input[type=button],button,.primary) {
  min-height:34px; padding:5px 14px; border:1px solid var(--lmx-brand); border-radius:6px;
  background:var(--lmx-brand); color:#fff; font:600 15px/1.4 Inter,system-ui,sans-serif; cursor:pointer; box-shadow:none;
}
html:is(.lmx-page,.lmx-login-design) :is(input[type=submit],input[type=button],button,.primary):hover { background:var(--lmx-hover); color:#fff; }
html.lmx-page input[type=reset] { min-height:34px; padding:5px 12px; border:1px solid var(--lmx-border); border-radius:6px; background:#f6f9fc; color:#263e59; }
html:is(.lmx-page,.lmx-login-design) :is(input,select,textarea,button):disabled { opacity:.6; cursor:not-allowed; }
html.lmx-page :is(input,textarea)[readonly] { background:#f1f6fa; }
html.lmx-page table.lmx-heading { margin:0 auto 8px; border:0; background:transparent; box-shadow:none; }
html.lmx-page .lmx-heading td { padding:0; text-align:left; }
html.lmx-page .lmx-heading p { margin:0; }
html.lmx-page .lmx-heading hr { display:none; }
html.lmx-page .lmx-form-table { width:100%; border:0; box-shadow:none; background:transparent; }
html.lmx-page form .lmx-form-table { margin:0; }
html.lmx-page .lmx-form-table>tbody>tr { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:12px; }
html.lmx-page .lmx-form-table>tbody>tr:last-child { margin-bottom:0; }
html.lmx-page .lmx-form-table>tbody>tr>td { display:block; flex:1 1 100%; width:100%; padding:0; border:0; text-align:left; background:transparent; }
html.lmx-page .lmx-form-table td p { margin:0; }
html.lmx-page .lmx-form-table td:first-child:not([colspan]) { color:var(--lmx-muted); font-weight:500; }
html.lmx-page .lmx-form-table tr.lmx-separator { display:none; }
html.lmx-page form .lmx-actions { width:100%; margin:12px 0 0; border:0; background:transparent; box-shadow:none; }
html.lmx-page .lmx-actions td { padding:0; text-align:right; }
html.lmx-page fieldset { min-width:0; margin:0 0 12px; padding:12px 14px; border:1px solid var(--lmx-border); border-radius:8px; }
html.lmx-page legend { padding:0 6px; font-weight:600; }

/* Tables retain their semantics and all columns; wide results scroll within the panel. */
html.lmx-page table { border-collapse:separate; border-spacing:0; font:inherit; }
html.lmx-page td,html.lmx-page th { padding:4px 10px; border-color:#dce5ee; }
html.lmx-page .lmx-table { width:100%; max-width:var(--lmx-page-width); margin:20px auto; }
html.lmx-page .lmx-layout-table,html.lmx-page form .lmx-layout-table { width:100%; border:0; background:transparent; box-shadow:none; }
html.lmx-page .lmx-layout-table>tbody>tr>td { padding:0; border:0; background:transparent; }
html.lmx-page .lmx-soft-surface { background-color:#f1f6fb; }
html.lmx-page .lmx-blue-surface { background-color:var(--lmx-brand); color:#fff; }
html.lmx-page .lmx-blue-surface :is(font,a,.lmx-ink) { color:#fff; }
html.lmx-page .lmx-data-table {
  display:block; width:100%; max-width:var(--lmx-page-width); overflow-x:auto; margin:18px auto 20px;
  border:1px solid var(--lmx-table-border); border-top:3px solid var(--lmx-panel-top); border-radius:12px;
  background:#fff; box-shadow:var(--lmx-table-shadow); font-variant-numeric:tabular-nums;
  scrollbar-width:thin; scrollbar-color:#7f9db8 #f1f6fa;
}
html.lmx-page .lmx-data-table>tbody:only-child { display:table; width:100%; }
html.lmx-page .lmx-data-table> :is(tbody,thead,tfoot)>tr> :is(td,th) {
  padding:4px 10px; border:0; border-bottom:1px solid var(--lmx-row-divider); font-size:13px; line-height:1.35; text-align:left; white-space:nowrap;
}
html.lmx-page .lmx-data-table :is(td,th) :is(font,p) { font-size:13px; line-height:1.35; margin:0; }
html.lmx-page .lmx-data-table p { text-align:inherit; }
html.lmx-page .lmx-data-table .lmx-icon-cell { width:1%; white-space:nowrap; }
/* Include decorative legacy cell colors; retain meaningful status colors. */
html.lmx-page .lmx-data-table>tbody>tr:is(:not([bgcolor]),.lmx-soft-surface):not(.lmx-table-heading)>:is(td,th):is(:not([bgcolor]),.lmx-soft-surface) { background:#fff; }
html.lmx-page .lmx-data-table>tbody>tr:is(:not([bgcolor]),.lmx-soft-surface):nth-child(odd):not(.lmx-table-heading)>:is(td,th):is(:not([bgcolor]),.lmx-soft-surface) { background:var(--lmx-row-alt); }
html.lmx-page .lmx-data-table>tbody>tr:is(:not([bgcolor]),.lmx-soft-surface):not(.lmx-table-heading):hover>:is(td,th):is(:not([bgcolor]),.lmx-soft-surface) { background:var(--lmx-row-hover); }
html.lmx-page .lmx-data-table :is(.lmx-table-heading,thead>tr)> :is(td,th),
html.lmx-login-design .table-wrap thead th {
  background:#3e78a5; color:#fff; padding:7px 10px;
  border-bottom:1px solid #32648b;
  font:600 11px/1.5 'IBM Plex Mono',monospace; letter-spacing:.04em;
}
html.lmx-page .lmx-data-table :is(.lmx-table-heading,thead) :is(font,b,strong,a,.lmx-ink,p) { color:#fff; font:inherit; }
html.lmx-page .lmx-icon-action {
  display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; vertical-align:middle;
  border:1px solid var(--lmx-border); border-radius:6px; background:#edf5fd; text-decoration:none;
}
html.lmx-page .lmx-icon-delete { color:#a33c48; background:#fff; border-color:#e5cbd0; }
html.lmx-page .lmx-icon-following { margin-left:6px; }
html.lmx-page .lmx-action-spacer { display:none; }
html.lmx-page .lmx-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html.lmx-page .lmx-footer { margin:24px auto; border:0; box-shadow:none; background:transparent; }
html.lmx-page .lmx-footer a { display:inline-flex; align-items:center; gap:6px; min-height:44px; }

/* The three existing custom screens use the same visual tokens. */
html.lmx-login-design :is(.capture-card,.panel),html.lmx-page .lmx-editor-card {
  border:1px solid var(--lmx-panel); border-top:3px solid var(--lmx-panel-top); border-radius:12px; background:#fff; box-shadow:var(--lmx-shadow);
}
html.lmx-login-design .capture-title { padding:12px 16px; background:#fff; border-bottom:1px solid #dce5ee; }
html.lmx-login-design .capture-form { padding:16px; }
html.lmx-login-design .capture-field { gap:4px; }
html.lmx-login-design .capture-field + .capture-field { margin-top:12px; }
html.lmx-login-design .capture-actions { margin-top:12px; }
html.lmx-login-design .capture-main { width:min(var(--lmx-form-width),calc(100% - 2 * var(--lmx-gutter))); margin:32px auto 48px; }
html.lmx-login-design .capture-navigation { margin-bottom:18px; gap:12px; }
html.lmx-login-design .capture-path { min-width:0; flex-wrap:wrap; gap:8px; }
html.lmx-page main.lmx-editor { width:100%; max-width:var(--lmx-form-width); margin:32px auto 48px; }
html.lmx-page .lmx-editor .lmx-editor-heading { padding:12px 16px; }
html.lmx-page .lmx-editor .lmx-editor-heading h1 { margin:6px 0; font-size:22px; }
html.lmx-page .lmx-editor .lmx-editor-card form.lmx-editor-form { padding:16px 16px 0; }
html.lmx-page .lmx-editor .lmx-editor-field { gap:4px; }
html.lmx-page .lmx-editor .lmx-editor-actions { margin:12px -16px 0; padding:12px 16px; }
html.lmx-login-design .heading { margin-bottom:18px; }
html.lmx-login-design .workspace { width:min(var(--lmx-page-width),calc(100% - 2 * var(--lmx-gutter))); margin:32px auto 48px; }
html.lmx-login-design .heading { flex-wrap:wrap; gap:12px; }
html.lmx-login-design .heading>div { flex:1 1 280px; min-width:0; }
html:is(.lmx-page,.lmx-login-design) :is(h1,h2,h3) { overflow-wrap:break-word; }
html.lmx-login-design .toolbar { padding:10px 14px; gap:10px; flex-wrap:wrap; }
html.lmx-login-design .toolbar .search { flex:0 1 360px; min-width:0; }
html.lmx-login-design .table-wrap { overflow-x:auto; }
html.lmx-login-design .panel:has(.table-wrap) { border-color:var(--lmx-table-border); border-top-color:var(--lmx-panel-top); box-shadow:var(--lmx-table-shadow); }
html.lmx-login-design .table-wrap tbody tr { background:#fff; border-color:var(--lmx-row-divider); }
html.lmx-login-design .table-wrap tbody tr:nth-child(even) { background:var(--lmx-row-alt); }
html.lmx-login-design .table-wrap tbody tr:hover { background:var(--lmx-row-hover); }
html.lmx-login-design .table-wrap tbody :is(td,th) { border-color:var(--lmx-row-divider); }
html.lmx-login-design .table-wrap tbody :is(td,th) { font-size:13px; line-height:1.35; }
html.lmx-login-design .table-wrap tbody :is(td,th) { padding:4px 10px; }
html.lmx-login-design .table-wrap .icon-button { width:28px; height:28px; border-radius:6px; }
html.lmx-login-design .table-wrap .action-group { gap:6px; }
html.lmx-login-design .table-wrap .status { padding:2px 7px; }
/* The custom list becomes stacked records on narrow screens. */
@media (max-width:760px) {
  html.lmx-login-design .table-wrap tbody tr { gap:6px 10px; padding:10px 12px; }
  html.lmx-login-design .table-wrap tbody :is(td,th) { padding:0; }
  html.lmx-login-design .table-wrap .icon-button { width:36px; height:36px; }
}
html.lmx-login-design .toolbar .search input[type=search] {
  border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important; background:transparent;
  min-height:34px!important; height:34px;
}
html.lmx-login-design .toolbar .search input[type=search]:focus-visible { outline:0; }
html.lmx-login-design .toolbar .search:focus-within { outline:3px solid #78b9ff; outline-offset:3px; }
html.lmx-login-design .plant-id { font-family:'IBM Plex Mono',monospace; }
@media (min-width:601px) and (max-width:1400px) {
  html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar img,.capture-brand img,.brand img) { width:260px; }
}
@media (max-width:600px) {
  html:is(.lmx-page,.lmx-login-design) { --lmx-gutter:16px; }
  html.lmx-page body { padding:0 16px 32px; }
  html.lmx-page .lmx-standard-header { margin:0 -16px; }
  html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar,.capture-header-inner,.header-inner) {
    flex-direction:column; padding:12px var(--lmx-gutter) 16px; gap:12px; min-height:0;
  }
  html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar img,.capture-brand img,.brand img) { width:min(220px,70vw); }
  html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-bar nav,.capture-help,.help) { gap:30px; }
  html.lmx-page .lmx-navigation { margin:24px auto 18px; }
  html.lmx-login-design :is(.capture-main,.workspace),html.lmx-page main.lmx-editor { margin-top:24px; }
  html.lmx-page form { padding:14px; }
  html.lmx-page form.lmx-list-form { padding:0; }
  html:is(.lmx-page,.lmx-login-design) :is(h1,h2,h3),html.lmx-page .lmx-heading :is(font,b,strong) { font-size:20px; }
  html:is(.lmx-page,.lmx-login-design) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=submit]):not([type=button]):not([type=reset]),
  html:is(.lmx-page,.lmx-login-design) :is(select,textarea) { min-height:40px; font-size:16px; }
  html:is(.lmx-page,.lmx-login-design) :is(input[type=submit],input[type=button],input[type=reset],button,.primary,.lmx-icon-action) { min-height:44px; }
  html.lmx-page .lmx-data-table .lmx-icon-action { width:36px; height:36px; min-height:36px; }
  html.lmx-login-design .capture-title { padding:12px 14px; }
  html.lmx-login-design .capture-form { padding:14px; }
  html.lmx-login-design .toolbar .search input[type=search] { min-height:40px!important; height:40px; }
}
@media (max-width:760px) {
  html.lmx-login-design .heading>div,html.lmx-login-design .toolbar .search { flex-basis:auto; }
}
/* Balance short forms around the page center, leaving more breathing room below.
   Natural document flow remains in use for long forms, lists and small screens. */
@media screen and (min-width:761px) and (min-height:600px) {
  html.lmx-page body:has(> form.lmx-compact-form):not(:has(form ~ form,.lmx-data-table)),
  html.lmx-login-design body:has(> .capture-main):not(:has(.workspace)) {
    display:flex; flex-direction:column; padding-bottom:clamp(128px,24vh,208px);
  }
  html.lmx-page body:has(> form.lmx-compact-form):not(:has(form ~ form,.lmx-data-table)) > .lmx-standard-header,
  html.lmx-login-design body:has(> .capture-main):not(:has(.workspace)) > .capture-header {
    flex-shrink:0; margin-bottom:32px;
  }
  html.lmx-page body:has(> form.lmx-compact-form):not(:has(form ~ form,.lmx-data-table)) > .lmx-navigation {
    width:100%; flex-shrink:0; margin-top:auto;
  }
  html.lmx-page body:has(> form.lmx-compact-form):not(:has(form ~ form,.lmx-data-table)) > form.lmx-compact-form {
    flex-shrink:0; margin-bottom:auto;
  }
  html.lmx-login-design body:has(> .capture-main):not(:has(.workspace)) > .capture-main {
    flex-shrink:0; margin-top:auto; margin-bottom:auto;
  }
}
@media print {
  html:is(.lmx-page,.lmx-login-design) body { padding:0; background:#fff; min-height:0; }
  html:is(.lmx-page,.lmx-login-design) :is(.lmx-standard-header,.lmx-navigation,.capture-header,.site-header,.capture-navigation,.back) { display:none; }
  html.lmx-page form,html.lmx-page .lmx-data-table { max-width:none; border:0; border-radius:0; box-shadow:none; }
  html.lmx-page .lmx-data-table { display:table; overflow:visible; }
  html.lmx-page .lmx-data-table>tbody:only-child { display:table-row-group; }
  html.lmx-page .lmx-data-table> :is(tbody,thead,tfoot)>tr> :is(td,th) { white-space:normal; padding:4px; }
}

/* Direct-entry screens can still declare an inline body background. */
@media screen {
  html:is(.lmx-page,.lmx-login-design) body, .login-page, .screen {
    background-color:#f2f8fd!important;
    background-image:
      radial-gradient(ellipse at 50% 40%,rgba(251,253,255,.97) 0%,rgba(246,250,254,.90) 45%,rgba(239,247,253,.78) 100%),
      url('../login/background-azur.png')!important;
    background-blend-mode:normal!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    font-family:Inter,system-ui,sans-serif;
  }
  .login-page .access-panel, .screen :is(.sidebar,.panel,.destination) {
    border-top:3px solid #528bbd;
    box-shadow:0 -1px 0 rgba(255,255,255,.95),0 2px 4px rgba(30,65,99,.10),0 8px 20px rgba(30,65,99,.15);
  }
  html.lmx-page :is(img,video,iframe,canvas) { max-width:100%; }
  html.lmx-page img { height:auto; }
  html.lmx-page .lmx-footer a { flex-wrap:wrap; }
}

@media screen and (min-width:761px) and (min-height:600px) {
  .login-page .login-main { padding-bottom:clamp(96px,15vh,128px); }
}