@charset "UTF-8";
/* The pages the server writes itself: signing in, setting up, the admin view.
   The colours are the application's own tokens, written out, so these pages
   need nothing from the application's stylesheet - which is behind sign-in. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/public/font.woff2)}
*{box-sizing:border-box}
html{background:#F5F2F0}
body{margin:0;font:15px/1.6 "Figtree","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;color:#26201E;
  background:linear-gradient(180deg,#FBEDEB 0,#F5F2F0 380px) no-repeat,#F5F2F0;min-height:100vh}
header.site{background:#fff;border-top:4px solid #E13A40;border-bottom:1px solid #E2DAD5;padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
header.site img{height:46px;width:auto}
header.site .name{font-weight:750;font-size:20px;letter-spacing:-.015em}
main{margin:28px auto;padding:22px 24px;background:#fff;border:1px solid #ECE6E2;border-radius:16px;
  box-shadow:0 1px 2px rgba(38,32,30,.04),0 14px 34px -26px rgba(38,32,30,.32)}
body.narrow main{max-width:460px}
body.wide main{max-width:1280px;margin-left:24px;margin-right:24px}
@media (min-width:1340px){body.wide main{margin-left:auto;margin-right:auto}}
h1{font-size:22px;line-height:1.25;margin:0 0 14px;letter-spacing:-.01em}
h2{font-size:16px;margin:28px 0 10px}
p{margin:0 0 12px;color:#5F5550}
label{display:block;font-weight:600;font-size:13px;color:#5F5550;margin:14px 0 4px}
input[type=text],input[type=password],input[type=email]{width:100%;font:550 15px inherit;font-family:inherit;padding:9px 11px;border:1px solid #D9D0CA;border-radius:10px;background:#fff;color:#26201E}
input:focus{outline:none;border-color:#2E5C9A;box-shadow:0 0 0 3px rgba(46,92,154,.16)}
button,a.button{display:inline-block;margin-top:18px;font:600 14px inherit;font-family:inherit;padding:9px 18px;border-radius:999px;border:1px solid #26201E;background:#26201E;color:#fff;cursor:pointer;text-decoration:none}
button:hover,a.button:hover{background:#000}
button.small{margin:2px 4px 2px 0;padding:4px 12px;font-size:12.5px;background:#fff;color:#26201E;border-color:#D9D0CA}
button.small:hover{background:#FBF8F6;border-color:#26201E}
button.danger{background:#fff;color:#B3192B;border-color:#B3192B}
button.danger:hover{background:#FDF1F0}
button.link{background:none;border:none;color:#5F5550;padding:0;margin:0;text-decoration:underline;font-weight:500}
button.link:hover{background:none;color:#26201E}
form.quiet{margin-top:14px}
form.inline{display:inline}
form.row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
form.row>div{flex:1 1 200px}
form.row button{margin-top:0}
.error{background:#FDF1F0;border:1px solid #F3CFCB;color:#8E1F2A;border-radius:10px;padding:10px 12px}
.notice{background:#F0F8F3;border:1px solid #CBE7D6;color:#145F3B;border-radius:10px;padding:10px 12px;overflow-wrap:anywhere}
.bad{color:#B3192B}
.none{color:#8A7F79}
code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:13px;overflow-wrap:anywhere}
.qr{width:220px;margin:6px 0 10px}
.qr svg{display:block;width:220px;height:220px}
ul.codes{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
ul.codes code{font-size:15px}
nav.admin{margin-left:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}
nav.admin a{color:#26201E;text-decoration-color:#E13A40;text-underline-offset:3px}
nav.admin form{display:inline}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th{text-align:left;background:#F6F2EF;color:#5F5550;font-weight:650;padding:8px 10px;border-bottom:1px solid #E2DAD5;white-space:nowrap}
td{padding:8px 10px;border-bottom:1px solid #ECE6E2;vertical-align:top}
table.facts{width:auto}
table.facts th{background:none;border-bottom:1px solid #ECE6E2}
.val{max-width:420px;max-height:120px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
.val .k{color:#8A7F79}
footer.site{max-width:1280px;margin:0 auto 24px;padding:0 24px;font-size:12px;color:#8A7F79}
.stagingbar{background:#7A4100;color:#fff;font-weight:700;letter-spacing:.06em;text-align:center;padding:5px 10px;font-size:12.5px}
#suspended{margin:0}
.good{color:#145F3B;font-weight:600}
#backupState{font-size:18px}
#backupState.bad{font-weight:700}