/* sku.mt3.ai's few additions to tally.mt3.ai's sign-in sheet (tally/login.css, pinned and unchanged),
   the same ones hr.mt3.ai makes (sbhr-hr-web web/src/styles/auth/hr-login.css): tally's card takes an API
   key in a form; this card is one link to Microsoft, help that opens without script, and a neutral notice
   for "signed out" — a state tally's sign-in never has to show. */

/* The Microsoft button is a link: same shape and colour as tally's submit. */
a.lg-submit { text-decoration: none; }
a.lg-submit:hover { background: var(--lg-btn-hi); }
.sk-ms svg { flex: none; background: #fff; border-radius: 3px; padding: 2px; box-sizing: content-box; }

/* Help as <details>: the summary is tally's help button, the panel tally's help box. */
details.lg-helpbox > summary { list-style: none; }
details.lg-helpbox > summary::-webkit-details-marker { display: none; }
details.lg-helpbox[open] .lg-chev { transform: rotate(180deg); }
details.lg-helpbox .lg-help { display: block; }

/* A neutral notice, in the shape of tally's error line. */
.lg-notice {
  display: flex; gap: 9px; align-items: flex-start;
  margin: 12px 0 0; padding: 10px 12px; border-radius: 10px;
  background: var(--lg-sunk); border: 1px solid var(--lg-line); color: var(--lg-ink-2);
  font-size: var(--t-cell); line-height: var(--lh-body);
}
.lg-notice .ic { flex: none; margin-top: 2px; color: var(--lg-accent); }
.lg-err[hidden], .lg-notice[hidden] { display: none; }

/* The MT3 mark is wider than tall: it sits in tally's white disc a little smaller than the round seal. */
.lg-seal img.sk-mark { width: 66%; }
.lgs-bar-logo.sk-mark { background: url("mt3-mark.svg") center / contain no-repeat; }

/* The browser's own 8px body margin made hr's page taller than the window (hr.mt3.ai, 9 Oct 2026). */
html, body { margin: 0; }
@media (min-width: 960px) {
  .lg { height: 100dvh; }
  .lg-side { min-height: 0; overflow-y: auto; }
}