/* 側選單在 Vue 的 #app 內，寫在 Blade 的 <style> 會在掛載時被移除，所以樣式放獨立檔 */
.ledger-switch { position: relative; margin: 10px 20px 24px; }
.ledger-switch-icon {
    position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
    color: #06C755; font-size: 15px; pointer-events: none;
}
.ledger-switch::after {
    content: ''; position: absolute; right: 16px; top: 50%;
    width: 8px; height: 8px; border-right: 2px solid #b5b8bd; border-bottom: 2px solid #b5b8bd;
    transform: translateY(-70%) rotate(45deg); pointer-events: none;
}
/* 16px 以上 iOS 點選時才不會自動放大頁面 */
.ledger-switch-select {
    display: block; width: 100%; height: auto; margin: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-color: rgba(255, 255, 255, 0.08); color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px;
    padding: 11px 38px 11px 42px; font-size: 16px; font-family: inherit; line-height: 1.3;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.ledger-switch-select:hover { background-color: rgba(255, 255, 255, 0.12); }
.ledger-switch-select:focus {
    outline: none; border-color: #06C755; box-shadow: 0 0 0 3px rgba(6, 199, 85, 0.25);
}
.ledger-switch-select option { background-color: #2b2d30; color: #fff; }
.menu-version { padding: 16px 20px 0; color: #85888d; font-size: 12px; letter-spacing: 1px; }