/* Bidwatchly forms, account and admin. Uses the tokens from site.css (or the homepage's inline tokens). */
.form{display:grid;gap:18px;max-width:600px;margin-top:18px}
.field label,.field .label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.field .hint{font-size:14px;color:var(--muted);margin:6px 0 0}
.req{color:var(--amber);font-weight:600}
input[type=email],input[type=text],input[type=url],input[type=date],input[type=password],select,textarea{
  width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);
  border-radius:8px;padding:11px 12px;min-height:44px}
textarea{min-height:120px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--amber)}
fieldset{border:1px solid var(--line);border-radius:10px;padding:12px 14px 14px;margin:0;min-width:0}
legend{font-weight:600;font-size:15px;padding:0 6px}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 16px;margin-top:6px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;cursor:pointer}
.check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--green)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.msg{border-radius:10px;padding:12px 14px;font-size:15px;margin:14px 0;max-width:600px}
.msg.ok{background:var(--soft);border-left:4px solid var(--green)}
.msg.err{background:var(--amber-soft);border-left:4px solid var(--amber)}
.msg:empty{display:none}
dl.facts{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px 16px;margin:0;font-size:16px}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0;overflow-wrap:anywhere}
.yes{color:var(--green-ink);font-weight:600}
.no{color:var(--amber);font-weight:600}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}
button.btn.alt{border:1px solid var(--line)}
.btn.sm{padding:7px 12px;min-height:36px;font-size:14px}
button[disabled]{opacity:.6;cursor:progress}
.legal h2{margin-top:30px;font-size:clamp(22px,3vw,26px)}
.legal li{margin-bottom:8px}
.admin .tbl table{min-width:860px}
.admin td{font-size:14px}
.admin td .btnrow{margin-top:6px}
.stack{display:grid;gap:20px}
@media (max-width:520px){dl.facts{grid-template-columns:1fr}dl.facts dt{margin-top:6px}}