/* V3.75 authoritative desktop shell, intentionally loaded after styles.css. */
@media (min-width: 1181px) {
  body .app-shell { display: block !important; min-height: 100vh !important; }

  body .sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 11px clamp(14px, 1.7vw, 28px) !important;
    color: var(--ink) !important;
    background: color-mix(in srgb, var(--paper) 92%, var(--body)) !important;
    box-shadow: 0 5px 18px rgba(17, 24, 39, 0.05) !important;
    overflow: visible !important;
  }

  body .brand { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; align-items: center !important; gap: 9px !important; border: 0 !important; padding: 0 !important; }
  body .brand-mark { width: 42px !important; min-width: 42px !important; height: 42px !important; border-color: var(--line) !important; border-radius: 10px !important; background: var(--paper) !important; }
  body .brand h1 { color: var(--ink) !important; font-size: 18px !important; }
  body .brand p { color: var(--muted) !important; }

  body .tabs.simple-tabs,
  body .tabs {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 42px !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    padding: 4px !important;
    background: var(--paper) !important;
    overflow: visible !important;
  }

  body .sidebar .tab,
  body .sidebar .nav-menu summary {
    display: inline-flex !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 9px !important;
    color: var(--ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body .sidebar .tab:hover,
  body .sidebar .nav-menu summary:hover,
  body .sidebar .nav-menu[open] summary { color: var(--ink) !important; background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; }
  body .sidebar .tab.is-active,
  body .sidebar .nav-menu.is-active summary { color: #fff !important; background: linear-gradient(180deg, var(--accent), var(--accent-dark)) !important; box-shadow: none !important; }

  body .sidebar .nav-menu { position: relative !important; min-width: max-content !important; }
  body .sidebar .nav-menu summary::after { content: "" !important; display: none !important; }
  body .sidebar .nav-menu-panel,
  body .sidebar .nav-menu[open] .nav-menu-panel,
  body .sidebar .nav-menu[open]:hover .nav-menu-panel,
  body .sidebar .nav-menu[open]:focus-within .nav-menu-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    z-index: 240 !important;
    display: grid !important;
    width: max-content !important;
    min-width: 190px !important;
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    padding: 7px !important;
    background: var(--paper) !important;
    box-shadow: 0 18px 40px rgba(17, 24, 39, 0.14) !important;
  }
  body .sidebar .nav-menu:not([open]) .nav-menu-panel { display: none !important; }
  body .sidebar .nav-menu-panel .nav-subtab { justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; border-radius: 8px !important; color: var(--ink) !important; background: transparent !important; }
  body .sidebar .nav-menu-panel .nav-subtab:hover { color: var(--ink) !important; background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; }
  body .sidebar .nav-menu-panel .nav-subtab.is-active { color: #fff !important; background: linear-gradient(180deg, var(--accent), var(--accent-dark)) !important; }

  body .shell-actions { display: flex !important; grid-template-columns: none !important; align-items: center !important; justify-content: flex-end !important; gap: 5px !important; min-width: max-content !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; padding: 0 !important; background: transparent !important; overflow: visible !important; }
  body .shell-actions > *,
  body .shell-actions .secondary-button,
  body .shell-actions .primary-button,
  body .shell-actions .tab { width: auto !important; min-width: max-content !important; min-height: 36px !important; border-radius: 999px !important; padding-inline: 10px !important; }
  body .shell-actions .shell-new-invoice { order: initial !important; grid-column: auto !important; }
  body .shell-actions .secondary-button { border-color: var(--line) !important; color: var(--ink) !important; background: var(--paper) !important; }
  body .main { width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 14px clamp(14px, 1.7vw, 28px) 36px !important; }
}