/* Shared chrome: top navigation bar and simple forms. Page-specific styles live in each view. */
#topnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 20px;
  background:#0F171C;color:#E4EDF1;font-family:"Archivo","Helvetica Neue",Arial,sans-serif}
#topnav .brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em}
#topnav .brand-mark{font-weight:700;letter-spacing:.14em}
#topnav .brand-app{font-weight:500;color:#8FA3AE;letter-spacing:.04em;padding-left:10px;border-left:1px solid #35444D}
#topnav .links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#topnav .links a{color:#C7D3DA;text-decoration:none;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:3px}
#topnav .links a.on{background:#25333B;color:#fff}
#topnav .links a:hover{background:#1B252B;color:#fff}
#topnav .links a.quiet{color:#8FA3AE;font-weight:500}
#topnav .who{color:#8FA3AE;font-size:12px;padding:0 8px;font-family:"IBM Plex Mono",ui-monospace,monospace}
@media print{#topnav{display:none}}

.authbox{max-width:420px;margin:60px auto;background:#fff;border:1px solid #D3DBDF;border-radius:3px;padding:26px 28px;
  font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif;color:#0F171C}
.authbox h1{font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:20px;margin:0 0 4px}
.authbox p.sub{color:#4A585F;font-size:14px;margin:0 0 18px}
.authbox label{display:block;font-size:12px;font-weight:600;color:#4A585F;margin:12px 0 5px}
.authbox input{width:100%;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:14px;padding:9px 10px;border:1px solid #B8C4C9;border-radius:3px}
.authbox button{margin-top:18px;width:100%;font-family:"Archivo",Arial,sans-serif;font-weight:600;font-size:13px;border-radius:3px;
  border:1px solid #0B5B7A;background:#0B5B7A;color:#fff;padding:11px 16px;cursor:pointer}
.authbox button:disabled{opacity:.5;cursor:not-allowed}
.authbox .err{color:#9C2B21;font-size:13px;margin-top:12px;min-height:1.2em}
.authbox .ok{color:#2C6B3F;font-size:13px;margin-top:12px}
@media (prefers-color-scheme:dark){
  .authbox{background:#131B20;border-color:#26323A;color:#E4EDF1}
  .authbox p.sub,.authbox label{color:#A3B4BC}
  .authbox input{background:#0C1216;color:#E4EDF1;border-color:#35444D}
}