/* 5.3.9.33 — theme control in sidebar footer, outside navigation. */
#app.shell aside > #themeToggle.theme-toggle {
  box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px;width:100%!important;min-height:40px!important;margin:8px 0 10px!important;
  padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;
  background:transparent!important;color:#526071!important;box-shadow:none!important;
  font-size:12px!important;font-weight:500!important;cursor:pointer;
}
#app.shell aside > #themeToggle.theme-toggle:hover {background:#f3f4f6!important;border-color:#e4e7ec!important;}
#app.shell aside > #themeToggle.theme-toggle:focus-visible {outline:2px solid #690f0e!important;outline-offset:2px;}
#app.shell aside > #themeToggle .theme-toggle-label {display:flex;align-items:center;gap:8px;color:inherit!important;font-size:12px!important;font-weight:500!important;}
#app.shell aside > #themeToggle .theme-toggle-label::before {content:'☾';font-size:17px;line-height:1;color:#690f0e;}
#app.shell aside > #themeToggle .theme-switch {position:relative;display:block;width:34px!important;height:20px!important;flex:0 0 34px!important;padding:2px!important;border-radius:99px!important;background:#c7cbd2!important;box-shadow:none!important;}
#app.shell aside > #themeToggle .theme-switch::after {content:'';display:block;width:16px!important;height:16px!important;border-radius:50%;background:#fff!important;box-shadow:0 1px 3px #0002!important;transform:translateX(0)!important;transition:transform .2s ease!important;}
#app.shell aside > #themeToggle[aria-pressed="true"] .theme-switch {background:#690f0e!important;}
#app.shell aside > #themeToggle[aria-pressed="true"] .theme-switch::after {transform:translateX(14px)!important;}
html[data-theme="dark"] #app.shell aside > #themeToggle.theme-toggle {color:#d6dbe4!important;background:transparent!important;}
html[data-theme="dark"] #app.shell aside > #themeToggle.theme-toggle:hover {background:#292e36!important;border-color:#3d4651!important;}
html[data-theme="dark"] #app.shell aside > #themeToggle .theme-toggle-label::before {color:#f1b4ad!important;}
@media(max-width:760px){#app.shell aside > #themeToggle.theme-toggle {min-height:44px!important;}}
