:root{--aqua-deep:#176b78;--green:#496f32;--muted:#59615e}
.brand.official-brand{line-height:1;gap:8px}
.brand-logo{display:block;width:118px;height:auto}
.brand.official-brand small{align-self:flex-end;margin:0 0 6px -3px;white-space:nowrap;font-size:10px;letter-spacing:.1em}
.brand-large .brand-logo{width:190px}
.login-art .brand-large .brand-logo{width:220px}
.invoice-paper .brand-large .brand-logo{width:175px}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;border-radius:8px;background:#fff;color:#12171a;font-weight:900;box-shadow:0 4px 20px rgba(0,0,0,.25);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9a4f00;outline-offset:3px}
.admin-badge{color:#176b78}.status-pill.active{color:#365c27}.day-empty{color:#59615e}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:900px){.brand-logo{width:106px}.login-art .brand-large .brand-logo{width:180px}}