/* Horizontal navigation, including its short-screen pages, never uses a scroll container. */
@media screen {
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) {
    --zk-header-line: #e5eaf2;
    --zk-header-ink: #26374e;
    --zk-header-blue: #004ed6;
  }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) [hidden] { display: none !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.app-layout, .platform-layout) { display: block !important; padding-top: 0 !important; min-height: 100dvh; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar, .platform-sidebar) {
    position: sticky !important; inset: auto !important; top: 0 !important; z-index: 80;
    display: block !important; width: 100% !important; max-width: none !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    margin: 0 !important; padding: 0 32px !important; overflow: visible !important;
    transform: none !important; transition: none !important; border: 0 !important;
    border-bottom: 1px solid var(--zk-header-line) !important; border-radius: 0 !important;
    background: #fff !important; box-shadow: 0 3px 18px rgba(23, 44, 76, .025) !important;
    font: 14px/1.5 'Manrope', ui-sans-serif, system-ui, sans-serif !important;
    color: var(--zk-header-ink) !important;
  }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.workspace, .platform-main) { width: 100% !important; min-width: 0; margin: 0 !important; padding-top: 0 !important; min-height: calc(100dvh - 118px); }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.mobile-appbar, .mobile-bottom-nav, .topbar, .platform-topbar) { display: none !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.content, .standalone-app-content, .platform-content) { width: calc(100% - 64px) !important; max-width: 1400px !important; margin: 0 auto !important; padding: 30px 0 64px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-row, .zk-header-nav) { max-width: 1500px; margin: 0 auto; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-row { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-identity { display: flex; align-items: center; gap: 24px; min-width: 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) { display: flex !important; align-items: center; gap: 10px; flex: 0 0 auto; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-decoration: none; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand-icon, .platform-brand-icon) { width: 34px !important; height: 34px !important; border-radius: 10px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) strong { color: #182b47 !important; font-size: 16px !important; font-weight: 750; letter-spacing: -.035em; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) small { display: block !important; color: #52637a !important; font-size: 10px !important; line-height: 1.3; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-chip { display: flex !important; gap: 9px; align-items: center; min-width: 0; max-width: 340px; margin: 0 !important; padding: 0 0 0 24px !important; border: 0 !important; border-left: 1px solid var(--zk-header-line) !important; border-radius: 0 !important; background: none !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-chip > div:last-child { min-width: 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-chip strong { display: block; color: #354760 !important; font-size: 11px !important; font-weight: 600; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-chip small { display: block; color: #52637a !important; font-size: 10px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-logo { display: grid; place-items: center; width: 28px !important; height: 28px !important; flex: 0 0 28px; border-radius: 8px; color: #004ed6; background: #edf3ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .top-actions { display: flex !important; align-items: center; gap: 8px; flex: 0 0 auto; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .top-actions .status-dot { display: none; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-account, .top-message-action, .top-apk-action, .top-actions > .avatar) { display: grid; place-items: center; width: 36px; height: 36px; min-width: 36px; padding: 8px; border: 1px solid var(--zk-header-line); border-radius: 10px; background: #fff; color: #52637a; text-decoration: none; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-toolbar-search { display: flex; align-items: center; gap: 9px; min-height: 36px; margin: 0; padding: 8px 11px; border: 1px solid var(--zk-header-line); border-radius: 10px; background: #f7f9fc; color: #52637a; font: 500 11px/1.4 'Manrope', system-ui, sans-serif; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-toolbar-search kbd { margin-left: 12px; border: 1px solid #dce4ef; border-radius: 4px; padding: 1px 4px; color: #52637a; background: #fff; font-family: inherit; font-size: 10px; line-height: 1.4; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-toolbar-search, .zk-header-account):hover { color: var(--zk-header-blue); background: #edf3ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-row, .zk-header-nav, .zk-navigation-panel) svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-nav { display: flex; align-items: center; gap: 5px; padding: 0 0 8px; width: 100%; height: 50px; overflow: visible; border: 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-header-more) { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 40px; margin: 0; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: #52637a; font: 550 12px/1.5 'Manrope', system-ui, sans-serif; white-space: nowrap; text-decoration: none; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-header-more):hover { background: #f3f6fb; color: #26374e; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-header-more).active { background: #edf3ff; color: #004ed6; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-link.active::after { position: absolute; content: ''; bottom: -8px; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: #0060ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-header-more)[aria-expanded="true"] { color: #004ed6; background: #edf3ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-link > svg:last-child:not(:first-child) { width: 11px; height: 11px; flex-basis: 11px; transform: rotate(90deg); }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-panel-link) b { margin-left: auto; padding: 1px 5px; border: 1px solid #dce7f5; border-radius: 5px; color: #476181; background: #f4f8ff; font-size: 10px; font-weight: 600; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-more { margin-left: auto; border: 1px solid var(--zk-header-line); padding: 8px 12px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-navigation-source { display: none !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-navigation-panel { position: fixed; z-index: 100; margin: 0; padding: 8px; max-width: calc(100vw - 24px); border: 1px solid #dce5f2; border-radius: 16px; background: #fff; color: #26374e; box-shadow: 0 16px 54px rgba(27, 48, 78, .16), 0 3px 10px rgba(27, 48, 78, .04); overflow: visible; font: 14px/1.5 'Manrope', ui-sans-serif, system-ui, sans-serif; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-head { display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 6px 8px 10px; border-bottom: 1px solid #edf1f7; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-title { flex: 1; min-width: 0; margin: 0; color: #243752; font: 650 14px/1.4 'Manrope', system-ui, sans-serif; letter-spacing: -.02em; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-panel-close, .zk-panel-back) { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 0; border-radius: 8px; padding: 7px; background: #f5f7fb; color: #52637a; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-search { position: relative; display: block; margin: 10px 2px 8px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-search svg { position: absolute; left: 12px; top: 12px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-search input { width: 100%; height: 40px; padding: 10px 12px 10px 38px; border: 1px solid #dae3f0; border-radius: 8px; color: #26374e; background: #f7f9fc; font: 13px/1.5 'Manrope', system-ui, sans-serif; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-grid { display: grid; gap: 4px 8px; padding: 8px 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-link { display: flex; align-items: center; gap: 12px; min-width: 0; width: 100%; min-height: 48px; padding: 8px 12px; border: 0; border-radius: 10px; color: #384b66; background: #fff; text-decoration: none; text-align: left; font: 550 12px/1.4 'Manrope', system-ui, sans-serif; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-link > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-link small { display: block; margin-top: 2px; color: #52637a; font-size: 10px; font-weight: 450; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-link:hover { color: #004ed6; background: #f2f6ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-link.active { color: #004ed6; background: #edf3ff; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-pager { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 8px 4px 0; border-top: 1px solid #edf1f7; color: #52637a; font-size: 11px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-pager button { min-height: 32px; padding: 6px 12px; border: 1px solid #dce5f2; border-radius: 8px; color: #004ed6; background: #fff; font: 550 11px/1.5 'Manrope', system-ui, sans-serif; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-panel-pager button:disabled { opacity: .45; cursor: default; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-nav-empty { padding: 8px 12px; color: #52637a; font-size: 12px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item { display: grid; align-items: center; min-height: 48px; padding: 5px 10px; overflow-wrap: anywhere; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item :is(a, button) { color: #384b66 !important; font-family: inherit; font-size: 12px; text-decoration: none; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item .mini-profile { width: 100%; min-width: 0; display: flex; gap: 12px; align-items: center; padding: 4px 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item .mini-profile > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #edf3ff; color: #004ed6; font-weight: 650; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item .mini-profile :is(strong, small) { display: block; color: #384b66 !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-account-item :is(.logout-button, .platform-logout, .portal-quick-action) { display: block; width: 100%; margin: 0; min-height: 36px; padding: 8px 12px; border: 1px solid #dce5f2; border-radius: 8px; background: #f7f9fc; text-align: left; cursor: pointer; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :focus-visible { outline: 3px solid #60a5fa; outline-offset: 2px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-skip-link { position: fixed; top: -100px; left: 16px; z-index: 150; padding: 10px 18px; border-radius: 8px; background: #fff; color: #004ed6; font-size: 13px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-skip-link:focus { top: 12px; }
  /* The timesheet keeps the original typography, paper, table and filter presentation. */
}
@media screen and (max-width: 1000px) {
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar, .platform-sidebar) { padding: 0 20px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.content, .standalone-app-content, .platform-content) { width: calc(100% - 40px) !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .tenant-chip { max-width: 260px; padding-left: 16px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-toolbar-search kbd { display: none; }
}
@media screen and (max-width: 700px) {
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar, .platform-sidebar) { padding: 0 14px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-row { min-height: 60px; gap: 10px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.tenant-chip, .top-actions .preview-label, .top-actions > .avatar, .zk-toolbar-search > span) { display: none !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-toolbar-search { padding: 8px; width: 36px; height: 36px; justify-content: center; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) strong { font-size: 14px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand-icon, .platform-brand-icon) { width: 30px !important; height: 30px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-nav { height: 48px; gap: 4px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.zk-header-link, .zk-header-more) { gap: 6px; padding: 9px 10px; min-height: 38px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-more > span { font-size: 0; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .zk-header-more > span::after { content: 'Bereiche'; font-size: 12px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.content, .standalone-app-content, .platform-content) { width: calc(100% - 28px) !important; padding: 24px 0 36px !important; }
}
@media screen and (max-width: 359px) {
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar, .platform-sidebar) { padding: 0 10px !important; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) .top-actions { gap: 4px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.top-message-action, .top-apk-action, .zk-header-account, .top-actions > .avatar, .zk-toolbar-search) { width: 30px; height: 32px; min-width: 30px; min-height: 32px; padding: 6px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) { gap: 7px; }
  body[data-zk-ui][data-zk-top-nav]:is(.app-body, .platform-body) :is(.sidebar-brand, .platform-logo) strong { font-size: 13px !important; }
}
@media print {
  body[data-zk-top-nav] .zk-navigation-panel { display: none !important; }
}