/* Compact controls live in the navigation, leaving the calculator first. */
.nav-config-toggle,.nav-menu-icon,.nav-preference-label {display:none}
.nav-config-panel {
  position:fixed;inset:auto;margin:0;padding:18px;
  width:min(22rem,calc(100vw - 24px));max-height:calc(100dvh - 90px);
  overflow:auto;overscroll-behavior:contain;
  border:1px solid var(--line);border-radius:12px;
  color:var(--text);background:var(--surface);
  box-shadow:0 12px 36px #00000025;
}
.nav-config-panel:popover-open {display:grid;gap:18px}
.nav-config-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav-config-heading h2 {font:500 1.05rem/1.4 ui-sans-serif,system-ui,sans-serif;margin:0}
.nav-config-close {width:44px;min-height:44px;padding:10px;background:transparent;border:0;color:var(--muted);flex-shrink:0}
.nav-config-close svg,.nav-config-toggle svg,.nav-menu-icon {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-config-panel .header-preferences {display:grid;gap:16px;margin:0}
.nav-config-panel .appearance-controls {display:contents}
.nav-config-panel .appearance-segment {display:flex;flex-wrap:wrap;border:0;border-radius:0;background:transparent;padding:0;gap:4px}
.nav-config-panel .nav-preference-label {display:block;flex:1 0 100%;font-size:.875rem;line-height:1.5;margin-bottom:3px;color:var(--muted)}
.nav-config-panel .appearance-action {flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px;background:var(--soft);border:1px solid var(--line)}
.nav-config-panel .appearance-action[aria-pressed=true] {border-color:var(--focus);color:var(--text)}
.nav-config-panel .locale-control {display:flex;flex-wrap:wrap;gap:3px}
.nav-config-panel .locale-trigger {justify-content:flex-start;min-width:92px}
.nav-config-panel .money-view-bar {display:block;padding:16px 0 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.nav-config-panel .money-view-heading {display:grid;gap:8px}
.nav-config-panel .money-view-heading {grid-template-columns:minmax(0,1fr)}
.nav-config-panel .money-view-heading>div:first-child {display:block}
.nav-config-panel .money-view-heading h2 {font:500 .875rem/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--muted)}
.nav-config-panel .money-view-heading>div:first-child>p,.nav-config-panel .money-view-scope {display:none}
.nav-config-panel .money-view-toggle {display:flex;width:100%}
.nav-config-panel .money-view-toggle button {flex:1 1 0;min-height:44px;padding-inline:8px}
.nav-config-panel .money-view-description {font-size:.875rem;margin-top:10px}
.nav-settings-link {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font:500 .9375rem/1.5 ui-sans-serif,system-ui,sans-serif;text-decoration:none;text-align:left}
.nav-config-panel #premium-save-status {margin:0;max-width:none;font-size:.875rem;line-height:1.5}
.nav-config-panel #nav-status-slot:empty,.nav-config-panel #nav-money-slot:empty {display:none}
.nav-config-toggle:focus-visible,.nav-config-close:focus-visible,.nav-settings-link:focus-visible {outline:2px solid var(--focus);outline-offset:2px}
.premium-body .nav-config-toggle[aria-expanded=true] {background:var(--nav-hover);color:var(--nav-accent);border-color:var(--nav-accent)}
@media (min-width:375px) {
  .nav-config-panel .header-preferences {grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-config-panel .locale-control {grid-column:1 / -1}
}

/* Match the sidebar's mobile and large-text navigation modes before JS starts. */
@media (max-width:800px) {
  .premium-body .royal-topbar,.premium-heading>.heading-aside,.royal-main>.money-view-bar {display:none}
  .premium-body .royal-sidebar {padding:12px 16px;gap:8px;justify-content:flex-start}
  .premium-body .royal-brand {margin-right:auto;min-width:0;gap:8px;font-size:20px;padding:0;max-width:calc(100% - 104px)}
  .premium-body .royal-brand small {display:none}
  .premium-body .royal-monogram {width:28px;height:34px;font-size:25px}
  .premium-body .mobile-menu,.premium-body .nav-config-toggle {display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid var(--nav-line);border-radius:8px;background:transparent;color:var(--nav-text)}
  .nav-menu-icon {display:block}
  .mobile-menu>.nav-menu-label,.mobile-menu>#nav-assets-total {display:none}
  .nav-config-toggle[data-save-tone]:after {content:'';position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--nav-muted)}
  .nav-config-toggle[data-save-tone=success]:after {background:var(--status-success)}
  .nav-config-toggle:is([data-save-tone=info],[data-save-tone=warning]):after {background:var(--nav-accent)}
  .nav-config-toggle[data-save-tone=danger]:after {background:var(--status-danger)}
  .premium-body .royal-main {padding-top:22px}
  .premium-heading {margin-bottom:20px}
}
:root:is([data-size="150"],[data-size="175"],[data-size="200"]) .royal-topbar,
:root:is([data-size="150"],[data-size="175"],[data-size="200"]) .premium-heading>.heading-aside,
:root:is([data-size="150"],[data-size="175"],[data-size="200"]) .royal-main>.money-view-bar {display:none}
:root:is([data-size="150"],[data-size="175"],[data-size="200"]) .nav-config-toggle {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--nav-line);border-radius:8px;background:transparent;color:var(--nav-text)}
.premium-body .premium-heading>.heading-aside[data-attention=true] {display:block;max-width:none;margin-top:12px;text-align:left}
.premium-heading>.heading-aside[data-attention=true]>p {max-width:none;margin:0}
.premium-heading>.heading-aside[data-attention=true]>button {display:none}