/* Shared desktop and notebook shell. Navigation hooks remain in their templates. */
@media (min-width: 1024px) {
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .finance-layout { padding: 0 !important; gap: 0 !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel.left-panel {
    position: fixed !important; inset: 0 auto 0 0 !important;
    width: var(--vf-sidebar-size) !important; height: 100dvh !important;
    max-height: 100dvh !important; padding: 22px 14px 12px !important;
    display: flex; flex-direction: column; gap: 16px !important;
    background: var(--vf-panel-soft) !important; border: 0 !important;
    border-right: 1px solid var(--vf-line) !important; border-radius: 0 !important;
    box-shadow: none !important; overflow: auto !important;
  }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .main-panel {
    margin: 0 0 0 var(--vf-sidebar-size) !important;
    width: calc(100% - var(--vf-sidebar-size)) !important;
    max-width: none !important; height: auto !important; max-height: none !important;
    padding: var(--vf-page-gutter) !important; border: 0 !important;
    border-radius: 0 !important; background: var(--vf-bg) !important;
    box-shadow: none !important; overflow: visible !important;
  }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))).sidebar-collapsed .main-panel { margin-left: 0 !important; width: 100% !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))).accounting-workspace-active .main-panel { margin-left: 0 !important; width: 100% !important; }
  html[data-vf-shell-variant="default"] body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))).accounting-workspace-active:not(.accounting-mode-user) .side-panel { opacity: 1 !important; pointer-events: auto !important; transform: none !important; }
  html[data-vf-shell-variant="default"] body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))).accounting-workspace-active:not(.accounting-mode-user):not(.sidebar-collapsed) .main-panel { margin-left: var(--vf-sidebar-size) !important; width: calc(100% - var(--vf-sidebar-size)) !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))).sidebar-collapsed .side-panel.left-panel { display: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .main-panel, body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-main-stage { display: block !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-main-stage { padding: 0 !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid var(--vf-line) !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .toolbar-tabs-viewport { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) :is(.app-toolbar,.toolbar-tabs-viewport,.toolbar-tabs,.toolbar-nav-btn)::before, body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) :is(.app-toolbar,.toolbar-tabs-viewport,.toolbar-tabs,.toolbar-nav-btn)::after { content: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-avatar { width: 36px !important; height: 36px !important; flex: 0 0 36px; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-avatar img:not([src]) { visibility: hidden; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand { display: flex; align-items: center; gap: 12px; padding: 0 8px 18px !important; border-bottom: 1px solid var(--vf-line); }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand-mark { width: 38px; height: 38px; padding: 4px; border: 0; border-radius: 10px; background: var(--vf-panel-raised); box-shadow: none; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand-logo { width: 100%; height: 100%; object-fit: contain; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand-copy { display: grid; gap: 4px; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand-kicker { color: var(--vf-ink); font-size: 14px; font-weight: 650; letter-spacing: 0; text-transform: none; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-shell-brand-copy strong { color: var(--vf-muted); font-size: 11px; font-weight: 400; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-nav-panel { flex: 0 0 auto; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-nav-panel .compact-section-heading { display: none; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .app-toolbar { display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .toolbar-scroll-btn { display: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .toolbar-tabs-viewport { overflow: visible !important; mask-image: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) :is(.toolbar-tabs, .compact-nav-grid) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 3px !important; width: 100% !important; padding: 0 !important; transform: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .nav-btn {
    display: flex !important; flex-direction: row !important; justify-content: flex-start !important;
    align-items: center !important; gap: 12px !important; width: 100% !important;
    min-width: 0 !important; min-height: 39px !important; padding: 9px 12px !important;
    border: 1px solid transparent !important; border-radius: 8px !important;
    color: var(--vf-muted) !important; background: transparent !important;
    box-shadow: none !important; transform: none !important; font-size: 12px !important;
  }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .nav-btn:hover { background: var(--vf-panel-raised) !important; color: var(--vf-ink) !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .nav-btn.active { color: var(--vf-accent) !important; background: var(--vf-accent-wash) !important; border-color: var(--vf-line) !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .nav-btn :is(.toolbar-nav-label, .compact-nav-text) { font-size: 12px !important; font-weight: 550 !important; white-space: normal; text-align: left; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .nav-btn :is(.toolbar-nav-icon, .compact-nav-icon) { width: 18px !important; height: 18px !important; flex: 0 0 18px; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-context-panel { background: transparent !important; border: 0 !important; padding: 0 !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) :is(.compact-context-panel, .sidebar-content-stage):has(#contentDespesas.active) { display: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-context-panel .compact-section-heading { display: none; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-content-stage { flex: 0 0 auto !important; min-height: 0 !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .side-panel .side-card { padding: 14px !important; border-radius: 10px !important; margin-bottom: 10px !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-shortcut { margin-top: auto !important; padding: 12px 4px 0 !important; border-top: 1px solid var(--vf-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; flex-shrink: 0; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-shortcut-divider { display: none; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-shortcut-card { padding: 4px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-shortcut-meta strong { font-size: 12px !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-profile-shortcut-meta span { font-size: 10px !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-collapse-toggle { background: var(--vf-panel-raised) !important; color: var(--vf-muted) !important; border: 1px solid var(--vf-line) !important; box-shadow: none !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-collapse-toggle--collapse { left: calc(var(--vf-sidebar-size) - 14px) !important; top: 24px !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .sidebar-collapse-toggle--restore { left: 8px !important; top: 8px !important; }
  body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-nav-btn::before, body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) .compact-nav-btn::after { content: none !important; }
}
/* Keep legacy IDs available for scripts, remove obsolete expense widgets visually. */
body.vf-premium:where(:not(:has(#loginScreen.active:not(.admin-authenticated)))) #contentDespesas > * { display: none !important; }