.login-card{max-width:380px;margin:60px auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:var(--shadow);}
.login-card h2{margin-bottom:6px;}
.login-card input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--tile);color:var(--ink);margin:12px 0;}
.err{color:var(--red);font-size:.85rem;min-height:1.2em;}
.mini-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.mini-form label{font-size:.78rem;color:var(--ink-soft);display:block;}
.mini-form input{width:110px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--tile);color:var(--ink);}
.mail-item .to{white-space:normal;}
.loading{padding:40px;text-align:center;color:var(--ink-soft);}
.test-banner{background:var(--amber-soft);color:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:6px 10px;font-size:.78rem;margin-bottom:14px;}
@media (max-width:640px){
  .wrap{padding:12px 12px 80px;}
  .issue-date{white-space:normal;display:block;width:100%;}
  .issue-date select{max-width:100%;margin-top:4px;display:block;}
  header.masthead > div:last-child{width:100%;}
}