/* The signed-out pages and the password forms (KFC Reconcile's auth.css and public.css, in Jumra's work-tool look):
   one card centred on a plain page, at any width; 16 px from the edges on a phone. */
html[data-wt] body.wt-out{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--sunk);overflow:auto;place-items:initial}
.a-center{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px;box-sizing:border-box;width:100%}
.a-card{width:100%;max-width:400px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:6px;
  padding:28px 32px 22px;display:grid;gap:18px;box-shadow:0 1px 2px rgb(16 24 40 / .04),0 8px 24px rgb(16 24 40 / .06)}
@media (max-width:480px){.a-card{padding:24px 20px 18px}}
.a-env{margin:0;padding:0 16px 16px;text-align:center;font-size:12px;color:var(--ink-3)}
.a-brand{display:flex;align-items:center;gap:10px}
.a-brand img{height:34px;width:auto}
.a-brand span{display:grid;line-height:1.2}
.a-brand b{font:600 14px/1.2 var(--mono);letter-spacing:.08em;color:var(--ink)}
.a-brand small{font-size:12px;color:var(--ink-3)}
.a-ic{width:44px;height:44px;border-radius:50%;background:var(--sunk);display:grid;place-items:center}
.a-ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.a-ic.ok{background:#e6f4ea}.a-ic.ok svg{stroke:#1e7b3a}
.a-ic.bad{background:#fbe9e9}.a-ic.bad svg{stroke:var(--brand-strong)}
.a-h{display:grid;gap:6px}
.a-h h1{margin:0;font-size:22px;line-height:1.2;font-weight:600;color:var(--ink)}
.a-h p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.a-card .field,.a-form .field{display:grid;gap:6px;min-width:0}
.a-card label,.a-form label{font-size:13px;font-weight:600;color:var(--ink)}
.a-lab{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.a-card .in,.a-form .in{width:100%;box-sizing:border-box;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:4px;background:var(--surface);font:inherit;font-size:14px;color:var(--ink)}
.a-card .in:focus,.a-form .in:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.a-card .in[aria-invalid=true],.a-form .in[aria-invalid=true]{border-color:var(--brand-strong);box-shadow:inset 3px 0 0 var(--brand-strong)}
.a-card .btn{width:100%;height:40px;justify-content:center;font-size:14px}
.a-show{padding:0;border:0;background:none;font:600 13px/1.3 inherit;font-family:inherit;color:var(--ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.a-show:hover{color:var(--ink)}
.a-caps{font-size:13px;font-weight:600;color:#9a5b00}
.a-ferr{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;font-weight:600;line-height:1.35;color:var(--brand-strong)}
.a-ferr svg,.a-sum svg,.a-note svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.a-sum{display:grid;gap:4px;padding:12px;border:1px solid var(--brand-strong);border-left-width:4px;border-radius:4px;background:#fdf1f1}
.a-sum b{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink)}
.a-sum b svg{color:var(--brand-strong)}
.a-sum ul{margin:0;padding:0 0 0 24px;list-style:none}
.a-sum a,.a-sum p{margin:0;font-size:13px;color:var(--ink)}
.a-sum p{padding-left:24px}
.a-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:4px;background:var(--sunk);font-size:13.5px;line-height:1.45;color:var(--ink)}
.a-note svg{color:var(--ink-2)}
.a-note.ok{background:#e6f4ea}.a-note.ok svg{color:#1e7b3a}
.a-note.wait{background:#fff4e0}.a-note.wait svg{color:#9a5b00}
.a-links{display:flex;justify-content:center;gap:16px;margin-top:-6px}
.a-link{font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.a-rules{margin:-6px 0 0;padding:0;list-style:none;display:grid;gap:3px;font-size:13px;color:var(--ink-3)}
.a-rules li::before{content:"○";display:inline-block;width:18px}
.a-rules li.ok{color:#1e7b3a}.a-rules li.ok::before{content:"✓"}
.a-foot{border-top:1px solid var(--line);padding-top:14px;font-size:12.5px;line-height:1.45;color:var(--ink-3);text-align:center}
[data-busy][aria-busy=true] button[type=submit]{opacity:.6;pointer-events:none}
/* The same password form inside the app (Your account) */
.a-form{display:grid;gap:16px;max-width:420px;padding:4px 16px 20px}
.a-form .btns{display:flex;gap:8px}
.a-sum:focus{outline:none}
.wt-card form.a-form{display:grid;gap:16px;max-width:440px;padding:8px 16px 20px;margin:0}
.wt-card form.a-form .field{display:grid;gap:6px}
.wt-card form.a-form .btns{margin-top:4px}
.wt-top a.acct{text-decoration:none;color:#fff}
.wt-top a.acct:hover{outline:2px solid var(--brand);outline-offset:1px}