.brand-home{display:inline-flex;align-items:center;justify-content:center;flex:none;width:180px;height:80px;overflow:hidden;border-radius:12px;background:#fff;text-decoration:none;line-height:0}
.brand-logo{display:block;width:180px;height:80px;object-fit:cover;object-position:center;flex:none}
.brand-heading{display:flex;align-items:center;gap:20px;min-width:0}.brand-heading>div{min-width:0}
.login-shell .brand{gap:16px;margin-left:0;margin-right:0}.login-shell .brand-home,.login-shell .brand-logo{width:156px;height:70px}
.brand-message{max-width:680px;margin:56px auto;padding:24px;font:15px/1.6 system-ui,-apple-system,sans-serif;color:#172d38}.brand-message h1{font-size:27px}.brand-message a:not(.brand-home){color:#087f73}
@media(max-width:700px){.brand-heading{gap:14px;align-items:flex-start;flex-direction:column}.brand-home,.brand-logo{width:156px;height:70px}.login-shell .brand{flex-wrap:wrap}.brand-message{margin:20px auto;padding:20px}}

.topbar{min-height:104px;height:auto;gap:20px}.topbar .brand-home{width:180px;height:80px}.topbar .brand-logo{width:180px;height:80px}.toolbar{flex-wrap:wrap}

/* Async action feedback; native disabled state remains owned by the view. */
button[aria-busy="true"]{position:relative;cursor:progress}button[aria-busy="true"]::after{content:"";display:inline-block;width:.9em;height:.9em;margin-left:.6em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.08em;animation:portal-busy-spin .7s linear infinite}@keyframes portal-busy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button[aria-busy="true"]::after{animation:none;border-style:dotted}}