/* Alfa Controle de Ponto — approved artwork, with its original proportions. */
:root{--brand-blue:#007bff;--brand-action:#0066d9;--brand-navy:#082e59;--brand-surface:#f3f7fd;color-scheme:light}
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal;text-decoration:none}
.brand-logo{display:block;width:164px;max-width:100%;height:auto;aspect-ratio:1582/994;object-fit:contain;background:#fff;border-radius:10px}
.sidebar>.brand{display:flex;margin-bottom:0;background:#fff;border-radius:10px;padding:6px}
.sidebar>.brand .brand-logo{width:100%}
.welcome>.brand{align-self:flex-start;padding:8px;background:#fff;border-radius:14px}
.welcome>.brand .brand-logo{width:210px}
.login-card>.eyebrow{display:block;margin-top:4px}
.wordmark{display:inline-flex;background:#fff;border-radius:12px;padding:8px}
.wordmark .brand-logo{width:220px}
button.primary:hover,.button:not(.secondary):hover{background:#0059bd}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-action)}
@media(max-width:650px){.sidebar>.brand{align-self:flex-start;max-width:174px;margin-bottom:14px}.welcome>.brand .brand-logo{width:160px}}
@media(max-width:380px){header .brand-logo{width:136px}header .badge{max-width:130px}.appbar .brand-logo{width:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}