/* App additions on top of advania-tokens.css and j10.css (those two are kept as delivered). */
a:hover { color: #340050; }
a.btn:not(.btn--ghost):not(.btn--subtle):not(.btn--danger-ghost):not(.btn--on-dark),
a.btn:not(.btn--ghost):not(.btn--subtle):not(.btn--danger-ghost):hover { color: #fff; }
.tab:hover, .sidenav a.nav:hover, .brand:hover { color: #fff; }
.chip[aria-current="page"]:hover { color: #fff; }
summary::-webkit-details-marker { display: none; }
/* Server-rendered dialogs cover the viewport, not just the page wrapper. */
.scrim { position: fixed; z-index: 20; }
.shell { position: relative; min-height: 100vh; }

/* Icons without an explicit size must never fill their container. */
summary > svg { width: 20px; height: 20px; flex: none; }

/* Byline at the bottom of the employee pages and the login page */
.shell { display: flex; flex-direction: column; }
/* .page sits inside the refresh wrapper (display: contents); in the flex column it must still fill the width. */
.page { width: 100%; }
.site-foot { margin-top: auto; padding: 24px 16px 28px; border-top: 1px solid var(--adv-border); text-align: center; }
.byline { margin: 0; font-size: 13px; line-height: 18px; color: var(--adv-text-muted); text-wrap: balance; }
.login__main .byline { text-align: center; }

/* Shown by refresh.js when the page has changed but someone is in the middle of something */
.refresh-notice { position: fixed; z-index: 30; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; max-width: calc(100% - 32px); padding: 10px 12px 10px 16px; border-radius: 12px; background: #1f1f22; color: #fff; font-size: 14px; box-shadow: var(--adv-shadow-lg); }
.refresh-notice .btn { flex: none; }