.top { background: #0b2a6f; }
.brand { font-size: 0; display: flex; align-items: center; gap: .6rem; }
.brand::before { content: ""; width: 78px; height: 44px; border-radius: 0; background: url(/logo.jpg) center / cover no-repeat; flex: none; }
.brand::after { content: "Suivi des âmes"; font-size: 1.05rem; font-weight: 700; }
.brand .logo-mini { display: none !important; }
.login .card { border-radius: 0; }
.login .card::before { content: ""; display: block; width: 100%; aspect-ratio: 360 / 203; border-radius: 0; margin-bottom: 1rem; background: url(/logo.jpg) center / cover no-repeat; }
.login h1 { font-size: 0; }
.login h1::after { content: "Suivi des âmes"; font-size: 1.4rem; }
.login input, .login button.primary { border-radius: 4px; }
.logo-big { display: none !important; }
.who .pill { background: #e10600 !important; color: #fff !important; font-weight: 800; border: 2px solid #fff; border-radius: 4px; padding: .25rem .65rem; box-shadow: 0 0 0 2px #e10600; }
#add { background: #e10600 !important; border-color: #e10600 !important; color: #fff !important; }
#add:hover { background: #b80500 !important; border-color: #b80500 !important; }