/* Settings gear: the last row of .sidebar-foot, bottom left; its menu opens upward.
   Settings is never a nav section. Uses the app's tokens; lumic values as fallback. */
.sidebar-foot{position:relative}
.foot-settings{flex-basis:100%; position:relative; margin-top:2px}
.settings-gear{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0;
     background:none; border:1px solid transparent; border-radius:8px; color:var(--muted,#6b7280); cursor:pointer}
.settings-gear:hover, .settings-gear[aria-expanded="true"]{background:var(--row-hover,#f3f5f9); color:var(--text,#333c4d)}
.settings-gear.active{background:var(--primary-tint,rgba(94,92,230,.12)); color:var(--primary-dark,#4b49c9)}
.settings-gear:focus-visible{outline:2px solid var(--primary,#5e5ce6); outline-offset:2px}
.settings-menu{position:absolute; bottom:38px; left:0; min-width:180px; z-index:60;
     background:var(--card,#fff); border:1px solid var(--border,#e7eaf0); border-radius:var(--radius-sm,10px);
     box-shadow:var(--shadow,0 8px 24px -8px rgba(20,24,40,.25)); padding:5px}
.settings-menu[hidden]{display:none}
.settings-menu a{display:flex; align-items:center; padding:7px 10px; border-radius:7px; cursor:pointer;
     color:var(--text,#333c4d); font-size:13px; font-weight:550; text-decoration:none}
.settings-menu a:hover{background:var(--row-hover,#f3f5f9)}
.settings-menu a.current{background:var(--primary-tint,rgba(94,92,230,.12)); color:var(--primary-dark,#4b49c9); font-weight:650}
@media print{ .foot-settings{display:none !important} }