.login-page {
  min-height: 100vh;
  overflow-x: hidden;
}

input[type="file"]::file-selector-button {
  margin: -12px 14px -12px -14px;
  padding: 13px 16px;
  border: 0;
  border-right: 1px solid var(--line);
  background: var(--cream);
  color: var(--navy);
  font: 700 12px 'Poppins', sans-serif;
  cursor: pointer;
}

@media (max-width: 650px) {
  .login-shell {
    width: calc(100vw - 28px);
    max-width: calc(100vw - 28px);
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .login-card,
  .login-card form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .login-card {
    padding: 34px 24px;
  }

  .login-card > p {
    overflow-wrap: anywhere;
  }

  .login-card input[type="email"],
  .login-card input[type="password"],
  .login-card button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .content-wrap {
    overflow-x: hidden;
  }

  .page-actions {
    width: 100%;
  }
}

/* Wide tables must remain reachable at tablet and desktop widths too. */
.table-panel { min-width: 0; max-width: 100%; overflow-x: auto; }

body:has(#orderForm) .top-kicker,
body:has(#orderForm) .order-create-heading > div > span { color: #806020; }

/* Hide example text while editing; keep labels and actual values intact. */
input:focus::placeholder,
textarea:focus::placeholder { opacity: 0; }