/* M3 Navigation Rail — ServiceBook_v2 Figma node 81:563 */

:root {
    --m3-nav-rail-menu-hover: #ece6f0;
}

/* Nav item tokens — override global link styles (Figma node 81:563) */
.sidebar a.m3-nav-rail-item,
.sidebar a.m3-nav-rail-item:link,
.sidebar a.m3-nav-rail-item:visited,
.sidebar button.m3-nav-rail-item {
    color: var(--m3-sys-on-surface-variant, #49454f);
    text-decoration: none;
}

.sidebar a.m3-nav-rail-item:hover,
.sidebar a.m3-nav-rail-item:focus,
.sidebar button.m3-nav-rail-item:hover,
.sidebar button.m3-nav-rail-item:focus {
    color: var(--m3-sys-on-surface-variant, #49454f);
    text-decoration: none;
}

.sidebar a.m3-nav-rail-item.active,
.sidebar a.m3-nav-rail-item.m3-nav-rail-item--active,
.sidebar a.m3-nav-rail-item[aria-current="page"] {
    color: var(--m3-sys-on-secondary-container, #4a4459);
}

.sidebar a.m3-nav-rail-item.active:hover,
.sidebar a.m3-nav-rail-item.m3-nav-rail-item--active:hover,
.sidebar a.m3-nav-rail-item[aria-current="page"]:hover,
.sidebar a.m3-nav-rail-item.active:focus,
.sidebar a.m3-nav-rail-item.m3-nav-rail-item--active:focus,
.sidebar a.m3-nav-rail-item[aria-current="page"]:focus {
    color: var(--m3-sys-on-secondary-container, #4a4459);
}

.sidebar .m3-nav-rail__menu-button {
    color: var(--m3-sys-on-surface-variant, #49454f);
}

.m3-nav-rail-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    color: inherit;
}