/* Stylesheet manifest for the login page (index.html) only.
 *
 * index.html used to pull styles.css -- the whole application's 3.14 MB across
 * 52 files -- to render a login form. Measured in Chromium: of 3,144 KB parsed,
 * 6.4 KB was in rules that matched anything. 0.20%. Forty-nine of the fifty-two
 * stylesheets contributed no matched rule at all.
 *
 * This imports only what that measurement showed the page uses, in the same
 * relative order as styles.css so the cascade is unchanged.
 *
 * NOTE: every @import must come first. CSS ignores an @import that appears
 * after any other rule, so the body block below must stay at the bottom -- an
 * earlier draft put it between the imports and silently dropped the two after
 * it, which the computed-style diff caught.
 *
 * Verified by diffing every computed property of every element against the old
 * manifest at five viewports.
 */

@import './variables.css?v=20260824-login-manifest-01';
@import './base.css?v=20260824-login-manifest-01';
@import './mobile-universal.css?v=20260824-login-manifest-01';

/* The login page inherits this from a stylesheet it otherwise has no use for:
 * haccp.css declares an unscoped `body { ... }`, so 34.7 KB of HACCP styling
 * restyles the body of EVERY page in the app, this one included. Reproduced
 * verbatim rather than importing the file. Worth fixing at source, but that
 * changes every page, so it is not part of trimming the login page.
 *
 * It sits after the imports so it wins over base.css exactly as haccp.css did
 * (haccp.css is imported at line 47 of styles.css, base.css at line 2).
 */
body {
  margin: 0;
  background: transparent;
  color: #243038;
  overflow-x: hidden;
}

/* The login page's responsive layout lives in sales-items.css:11630, of all
 * places -- a 275 KB stylesheet about sales items carries the only rule that
 * collapses .shell / .shell-single to one column on narrow screens. Nothing
 * else in the app declares it, base.css included.
 *
 * Reproduced verbatim. The computed-style diff caught its absence: without it
 * the panel measured 760px instead of 836px at 900px wide, and 39 elements
 * shifted at 360px.
 */
@media (max-width: 920px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .shell-single {
    grid-template-columns: 1fr;
  }
}