/* Sign-in and set-password pages of the board. Same calm look as the till's sign-in screen. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  font-family: 'Segoe UI', Arial, 'Noto Sans Hebrew', sans-serif;
  color: #113e6b;
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(41, 88, 136, 0.12), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(65, 167, 242, 0.10), transparent 60%),
    #f1f6fa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
[dir="rtl"] { text-align: right; }
main { width: min(360px, 100%); text-align: center; }
h1 { margin: 0; font-size: 2rem; line-height: 1.3; }
p.lead { margin: 0.4rem 0 1.75rem; opacity: 0.7; }
form { display: flex; flex-direction: column; gap: 10px; }
label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
input {
  width: 100%; height: 56px; padding: 0 16px; font: inherit; font-size: 1.05rem; color: inherit; text-align: right;
  background: #fff; border: 1.5px solid transparent; border-radius: 14px; outline: none;
  box-shadow: 0 1px 2px rgba(17, 62, 107, 0.06), 0 6px 18px rgba(17, 62, 107, 0.08);
}
input[dir="ltr"] { text-align: left; }
input:focus { border-color: #295888; box-shadow: 0 0 0 4px rgba(41, 88, 136, 0.12), 0 6px 18px rgba(17, 62, 107, 0.08); }
button {
  height: 56px; border: 0; border-radius: 999px; background: #295888; color: #fff; font: inherit; font-size: 1.1rem; font-weight: 700; cursor: pointer;
}
button:hover:not(:disabled) { background: #1f4870; }
button:disabled { background: #9db1c6; cursor: not-allowed; }
button:focus-visible { outline: 3px solid rgba(41, 88, 136, 0.45); outline-offset: 2px; }
.message { min-height: 1.5rem; margin: 0; font-size: 0.95rem; }
.message.error { color: #a12b2b; background: #fdecec; border-radius: 10px; padding: 0.6rem 0.8rem; }
.message.ok { color: #1c6b3a; }
.hint { font-size: 0.85rem; opacity: 0.7; margin: 0; }
footer { margin-top: 2rem; font-size: 0.8rem; opacity: 0.55; }