/* v0.9.5 — one SVG icon style for navigation and account menus. */
.app-icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar .nav-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;color:inherit}
.sidebar .nav-icon .app-icon{width:20px;height:20px}
#nav button.active .nav-icon{color:#bda4ff}
body.light-theme #nav button.active .nav-icon{color:#6418ff}
#profileMenu button>span{display:grid;place-items:center;width:22px;flex:0 0 22px;color:inherit}
#profileMenu .app-icon{width:19px;height:19px}
#menuBtn .app-icon,.sidebar-close .app-icon{margin:auto}
.profile-button::before{display:none}
.profile-button>.app-icon{width:21px;height:21px;color:inherit}
/* Override the generic dialog label rule so confirmation stays beside its text. */
.modal-card label.backup-confirm{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.modal-card .backup-confirm input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#8752ff;cursor:pointer}
.modal-card .backup-confirm>span{flex:1;min-width:0;line-height:1.5}