/* ServersNest branding. Templates and scripts are inherited from Twenty-One. */
:root { --sn-navy:#0b1e48; --sn-blue:#263baa; --sn-cyan:#00b2fe; }
body { font-family:Arial,Helvetica,sans-serif; color:var(--sn-navy); background:#f5f8fd; }
a { color:var(--sn-blue); }
a:hover { color:#192b86; }
.btn-primary { background-color:var(--sn-blue); border-color:var(--sn-blue); }
.btn-primary:hover,.btn-primary:focus { background-color:#192b86; border-color:#192b86; }
.btn-outline-primary { color:var(--sn-blue); border-color:var(--sn-blue); }
.btn-outline-primary:hover { background-color:var(--sn-blue); border-color:var(--sn-blue); }
.navbar-dark,.bg-primary { background-color:var(--sn-navy)!important; }
.primary-bg-color { background-color:#edf3fc; }
header.header { background:#fff; border-bottom:1px solid #e3eaf3; }
header.header .logo-img { max-width:220px; max-height:64px; width:auto; height:auto; }
header.header .navbar-brand { display:flex; align-items:center; gap:10px; }
header.header .navbar-brand::after { content:"ServersNest"; font-size:24px; font-weight:700; color:var(--sn-navy); }
.card { border-color:#e3eaf3; border-radius:10px; }
.card-header { border-bottom-color:#e3eaf3; }
.form-control:focus { border-color:var(--sn-blue); box-shadow:0 0 0 .2rem rgba(38,59,170,.15); }
.list-group-item.active { background-color:var(--sn-blue); border-color:var(--sn-blue); }
footer.footer { background:var(--sn-navy); color:#fff; }
footer.footer a { color:#fff; }
a:focus-visible,button:focus-visible { outline:3px solid var(--sn-cyan); outline-offset:3px; }