:root { --resflow-navy: #13263d; --resflow-blue: #1769e0; }
html { font-size: 16px; }
body {
    color: #1f2937;
    min-height: 100%;
    background-image: url('/images/bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed ;
    background-size:cover;
}
.resflow-navbar {
    background: #e6e8ec;
}
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.72); }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.card { border-radius: 1rem; }
.btn { border-radius: .65rem; font-weight: 600; }
.btn-primary { background: var(--resflow-blue); border-color: var(--resflow-blue); }
.progress { height: .75rem; border-radius: 10rem; }
.status-feed { height: 200px; overflow-y: auto; }
.provider-menu { position: sticky; top: 5.5rem; }
.details-control { cursor: pointer; width: 2rem; text-align: center; }
.shown .details-control { color: #dc3545 !important; }
.status-dot { width: .65rem; height: .65rem; border-radius: 50%; display: inline-block; margin-top: .35rem; }
.status-dot-muted { background: #94a3b8; }
.provider-mark { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: .8rem; background: #e8f1ff; color: var(--resflow-blue); font-weight: 700; }