/* Autofect colours and type over the board's own stylesheet. */
:root{
  --sand:#0b1b3f;--sand-soft:#ebf1fd;--page:#f3f6fd;--grey:#e3e9f6;--black:#015efb;
  --ink:#0b1b3f;--muted:#5f6d8c;--line:#d5def2;--card:#fff;
  --low:#1f8a5b;--medium:#c98a12;--high:#c2412d;--non:#7b869f;--suspended:#3b4766;
  --up:#1f8a5b;--down:#c2412d;
}
body{font-family:Outfit,"Helvetica Neue",Arial,sans-serif}
.side{background:#0b1b3f;color:#b9d0ff}
.nav{color:#b9d0ff;font-weight:500;letter-spacing:.06em;font-size:12.5px;text-transform:none;border-radius:10px}
.nav:hover{background:rgba(255,255,255,.08)}
.nav.active{background:#015efb;color:#fff}
.updated,.status{color:#b9d0ff}
.side-brand{display:flex;align-items:center;gap:10px;color:#fff}
.side-brand svg{width:34px;height:34px}
.side-brand b{font-size:19px;font-weight:600;letter-spacing:-.01em}
.side-brand small{display:block;font-size:11px;color:#b9d0ff;font-weight:400}
.banner{background:#015efb;color:#fff;border-radius:99px}
button{background:#015efb;color:#fff;border-color:#015efb;border-radius:99px;letter-spacing:.04em;text-transform:none;font-size:12.5px;font-weight:500}
button:hover{background:#4d8dff}
button.ghost{background:transparent;color:#015efb;border-color:#b9d0ff}
button.ghost:hover{background:#ebf1fd}
.side button{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}
.side button:hover{background:rgba(255,255,255,.18)}
.page-title{letter-spacing:.04em;text-transform:none;font-size:20px;font-weight:600}
.demo-note{font-size:11px;color:#b9d0ff;border-top:1px solid rgba(255,255,255,.14);padding-top:10px}
.bar{background:#015efb}
.side-brand b{font-size:16px;line-height:1.2}