/* —— 勘定奉行調 “業務ブルー＋フラットカード” —— */
.sidebar {
    position: sticky;
    top: 3.25rem;
    align-self: flex-start;
    overflow-y: auto;
    padding-top: .5rem;
}

.label-band {
    padding: .45rem .6rem;
    border-radius: .6rem;
    background: #2F6FB2; /* 奉行系ブルー */
}

.menu-root {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .55rem;
    padding: .6rem .7rem;
    border-radius: .6rem;
    transition: background-color .12s ease, color .12s ease;
    color: #2B2B2B;
}

    .menu-root.is-active,
    .menu-root:hover {
        background: #E9F0F8; /* 薄い業務ブルー */
        color: #1F4E80;
    }

.button-reset {
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chevron {
    margin-left: auto;
    transform: rotate(0deg);
    transition: transform .15s ease;
    color: #6B7A8C;
}

.menu-root.is-active .chevron {
    transform: rotate(180deg);
    color: #1F4E80;
}

.submenu {
    margin: .25rem 0 .5rem 2rem;
    overflow: hidden;
    transition: max-height .18s ease;
}

.submenu-link {
    display: block;
    padding: .42rem .55rem;
    border-radius: .45rem;
    color: #374151;
}

    .submenu-link.is-active,
    .submenu-link:hover {
        background: #EEF3F9;
        color: #1F4E80;
    }

.info-list li {
    font-size: .9rem;
    color: #4B5563;
}

/* スクロールバー控えめ（奉行UI寄せ） */
.sidebar::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: rgba(47, 111, 178, .25);
    border-radius: 8px;
}