/* Category selectors retain their short labels while the menu marks the current page. */
@media(min-width:769px) and (max-width:1600px){
  .categorized-header-nav[data-workspace=orders] [data-navigation-overview] span{display:none}
  .categorized-header-nav[data-workspace=orders] .custom-select-trigger{padding:9px 8px;gap:7px;font-size:12px}
  body[data-workspace=orders] .header-help-link span,body[data-workspace=orders] .global-search-open span{display:none}
}
body[data-workspace=orders]:has(#invoxaAssistantShell) .global-quick-capture{bottom:110px}
.navigation-icon-label { display: inline-flex; align-items: center; gap: 9px; text-align: left; }
.navigation-category-icon, .navigation-page-icon { width: 1.15em; flex: 0 0 auto; text-align: center; color: inherit; }
.navigation-page-icon { font-size: 14px; }
.mobile-nav-category summary .navigation-category-icon { margin-right: 9px; }
.categorized-header-nav { gap: 8px !important; min-width: 0; }
.dashboard-header > .dashboard-header-inner { min-height: 4.25rem; }
.header-company-switcher { display: inline-flex; min-width: 0; max-width: 12rem; align-items: center; gap: 6px; overflow: hidden; }
.header-company-switcher select { min-width: 0; max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.categorized-header-nav .custom-select { width: auto; min-width: 0; flex: 0 0 auto; }
.categorized-header-nav .custom-select-trigger { min-height: 40px; gap: 12px; padding: 9px 12px; border-radius: 11px; font-size: 13px; font-weight: 600; box-shadow: none; }
.categorized-header-nav .has-active-page .custom-select-trigger { background: #eef2ff; border-color: #c7d2fe; color: #4338ca; }
.categorized-header-nav .category-overview { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px !important; font-size: 13px !important; font-weight: 600; white-space: nowrap; color: #475569; border-radius: 11px; }
.categorized-header-nav .category-overview[aria-current=page] { color: #4338ca; background: #eef2ff; }
.categorized-header-nav .category-overview:focus-visible { outline: 2px solid #6366f1; outline-offset: 2px; }
html.dark .categorized-header-nav .category-overview { color: #cbd5e1; }
html.dark .categorized-header-nav .has-active-page .custom-select-trigger,
html.dark .categorized-header-nav .category-overview[aria-current=page] { color: #c7d2fe; background: #252650; border-color: #5555a4; }
.mobile-nav-category { border-top: 1px solid #e2e8f0; padding: 8px 0; }
.mobile-nav-category summary { cursor: pointer; padding: 12px 14px; color: #475569; font-weight: 700; font-size: 14px; }
.mobile-nav-category .mobile-nav-link { margin-left: 8px; }
.mobile-nav-category a[aria-current=page] { background: #eef2ff; color: #4338ca; }
html.dark .mobile-nav-category { border-color: #334155; }
html.dark .mobile-nav-category summary { color: #cbd5e1; }
html.dark .mobile-nav-category a[aria-current=page] { background: #312e81; color: #e0e7ff; }
@media (min-width: 769px) and (max-width: 1100px) {
  .categorized-header-nav { gap: 4px !important; }
  .categorized-header-nav .custom-select-trigger { padding: 9px 8px; gap: 7px; font-size: 12px; }
  .categorized-header-nav .category-overview span { display: none; }
  .header-company-switcher { max-width: 8rem; }
  .header-company-switcher select { max-width: 6.5rem; }
}
@media (min-width: 1101px) and (max-width: 1320px) {
  .public-navigation-header .dashboard-header-nav-link {
    min-width: 0;
    padding: .7rem .55rem !important;
    border-bottom-width: 2px !important;
    border-radius: 0;
    font-size: .72rem !important;
  }
  .public-navigation-header .dashboard-header-nav-link i { margin-right: .2rem !important; font-size: .72rem; }
}

.header-help-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; margin-left: auto; min-width: 42px; min-height: 42px; padding: 9px 12px; border: 1px solid #dde3ef; border-radius: 11px; color: #475569; background: #fff; font-size: 13px; font-weight: 650; text-decoration: none; }
.header-help-link:hover, .header-help-link[aria-current="page"] { color: #4338ca; background: #eef2ff; border-color: #c7d2fe; }
.header-help-link:focus-visible { outline: 3px solid #6366f1; outline-offset: 3px; }
html.dark .header-help-link { color: #cbd5e1; background: #172134; border-color: #35425b; }
html.dark .header-help-link:hover, html.dark .header-help-link[aria-current="page"] { color: #c7d2fe; background: #252650; border-color: #5555a4; }
@media (max-width: 1320px) { .header-help-link span { display: none; } .header-help-link { padding: 9px; } }
@media (max-width: 768px) { .header-help-link ~ .mobile-nav-trigger { margin-left: 0 !important; } }

.header-help-link{position:relative}.header-help-badge{position:absolute;top:-7px;right:-7px;display:grid!important;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#dc2626!important;color:#fff!important;border:2px solid #fff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 2px 6px #0002;pointer-events:none}

/* Longer English category names must not overlap the help and account actions. */
@media (min-width: 769px) and (max-width: 1500px) {
  html:lang(en) .categorized-header-nav { gap: 5px !important; }
  html:lang(en) .categorized-header-nav .custom-select-trigger { padding: 9px 8px; gap: 6px; font-size: 12px; }
  html:lang(en) .categorized-header-nav .navigation-icon-label { gap: 6px; }
  html:lang(en) .categorized-header-nav .category-overview { padding: 10px 8px !important; }
}
.global-quick-capture { position: fixed; right: 24px; bottom: 24px; z-index: 90; display: grid; justify-items: end; gap: 10px; }
.global-quick-trigger { width: 56px; height: 56px; border: 0; border-radius: 18px; background: #5448d7; color: #fff; font-size: 1.25rem; box-shadow: 0 12px 30px #30249e52; cursor: pointer; }
.global-quick-trigger:hover { background: #4035b8; }
.global-quick-trigger:focus-visible { outline: 3px solid #aea7ff; outline-offset: 3px; }
.global-quick-menu {
  --quick-menu-surface: #fff;
  --quick-menu-border: #dce3ee;
  --quick-menu-text: #17233f;
  --quick-menu-icon: #6256d9;
  --quick-menu-highlight: #f0edff;
  --quick-menu-highlight-text: #4035b8;
  --quick-menu-focus: #6256d9;
  display: grid;
  gap: 2px;
  width: min(19rem, calc(100vw - 32px));
  min-width: 0;
  max-height: calc(100vh - 200px);
  max-height: calc(100dvh - 200px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  border: 1px solid var(--quick-menu-border);
  border-radius: 15px;
  background: var(--quick-menu-surface);
  box-shadow: 0 16px 40px #17233f38;
}
.global-quick-menu[hidden] { display: none; }
.global-quick-menu a {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 9px;
  color: var(--quick-menu-text);
  text-decoration: none;
  overflow-wrap: anywhere;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.45;
}
.global-quick-menu a:hover,
.global-quick-menu a:focus-visible {
  background: var(--quick-menu-highlight);
  color: var(--quick-menu-highlight-text);
}
.global-quick-menu a:focus-visible { outline: 2px solid var(--quick-menu-focus); outline-offset: -2px; }
.global-quick-menu i { width: 18px; text-align: center; color: var(--quick-menu-icon); }
html.dark .global-quick-menu,
body.dark .global-quick-menu {
  --quick-menu-surface: #1d2940;
  --quick-menu-border: #34405a;
  --quick-menu-text: #edf1ff;
  --quick-menu-icon: #b1a6ff;
  --quick-menu-highlight: #343052;
  --quick-menu-highlight-text: #f4f1ff;
  --quick-menu-focus: #b1a6ff;
}
@media (max-width: 600px) { .global-quick-capture { right: 16px; bottom: 16px; } }
.global-search-open{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce3ee;border-radius:10px;background:#fff;color:#394368;padding:8px 11px;font-weight:700;cursor:pointer}.global-search-open:hover{color:#5448d7;border-color:#aaa3f0}.global-search-dialog{width:min(620px,calc(100vw - 24px));max-height:min(70vh,650px);padding:18px;border:1px solid #dce3ee;border-radius:18px;background:#fff;color:#17233f;box-shadow:0 24px 80px #15244380;position:fixed;top:12vh;margin:0 auto}.global-search-dialog::backdrop{background:#0c16359c}.global-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.global-search-head label{font-weight:800;font-size:1.1rem}.global-search-head button{border:0;background:none;color:#66738d;cursor:pointer;font-size:1.1rem}.global-search-dialog input{width:100%;padding:12px 14px;border:1px solid #bfc9d9;border-radius:11px;background:#fff;color:#17233f;font:inherit}.global-search-results{max-height:calc(70vh - 140px);overflow:auto;margin-top:12px;color:#66738d}.global-search-results>a{display:grid;grid-template-columns:80px 1fr;gap:2px 10px;padding:11px;border-bottom:1px solid #e5e9f1;color:#17233f;text-decoration:none}.global-search-results>a:hover{background:#f2efff}.global-search-results>a small{grid-row:1/3;color:#5448d7;font-weight:800}.global-search-results>a strong{font-weight:800}.global-search-results>a span{color:#66738d;font-size:.82rem}.global-search-results p{padding:14px}@media(max-width:600px){.global-search-open span{display:none}.global-search-dialog{top:6vh}.global-search-results>a{grid-template-columns:1fr}.global-search-results>a small{grid-row:auto}}html.dark .global-search-open,html.dark .global-search-dialog,body.dark .global-search-open,body.dark .global-search-dialog{background:#1d2940;color:#edf1ff;border-color:#34405a}html.dark .global-search-dialog input,body.dark .global-search-dialog input{background:#17243a;color:#edf1ff;border-color:#46516a}html.dark .global-search-results>a,body.dark .global-search-results>a{color:#edf1ff;border-color:#34405a}

.time-tracking-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border-radius:.6rem;background:var(--ui-surface,#eef2ff);color:var(--ui-text,#4338ca);font-size:.75rem;font-variant-numeric:tabular-nums;text-decoration:none}.time-tracking-badge[hidden]{display:none}@media(max-width:520px){.time-tracking-badge{font-size:.7rem;padding:.3rem}.time-tracking-badge i{display:none}}
