/* Globales Hauptmenü; Auswahl unabhängig von festgelegten Seitenlayouts. */
body[data-wkx-menu-theme="wkx_fiori_v2"] {
    background: radial-gradient(ellipse at 8% 0%, #258da5 0, transparent 48%),
        radial-gradient(ellipse at 95% 90%, #146479 0, transparent 50%), #102b43 !important;
    background-attachment: fixed !important;
    color: #172f43;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #header {
    top: 12px;
    bottom: 12px;
    height: calc(100% - 24px);
    background: linear-gradient(160deg, rgba(64,150,170,.47), rgba(12,36,57,.91)) !important;
    border: 1px solid rgba(197,238,250,.25) !important;
    border-radius: 20px;
    box-shadow: 0 16px 44px rgba(1,19,34,.25), inset 0 1px rgba(255,255,255,.15);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    scrollbar-color: #588494 transparent;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #header :is(h1, p),
body[data-wkx-menu-theme="wkx_fiori_v2"] #nav :is(a, summary, .wkx-theme-menu-label) {
    color: #e0f0f7 !important;
    -webkit-text-fill-color: currentColor;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #header .top > div { padding: 20px 16px 12px 52px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav { background: transparent !important; padding: 8px 10px 20px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible > details[open] {
    border-color: rgba(185,227,242,.18) !important;
    background: rgba(15,48,68,.2);
    border-radius: 12px;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible summary.nav_li_p {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 9px;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 600;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a { font-size: 12px; padding-top: 8px; padding-bottom: 8px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a span:before { color: #a9dce9 !important; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a:hover,
body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible summary.nav_li_p:hover {
    background: rgba(85,210,237,.18) !important;
    color: #fff !important;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a.active {
    background: linear-gradient(100deg, #248ea8, #206078) !important;
    box-shadow: inset 0 0 0 1px rgba(169,234,251,.4);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav hr { border-color: rgba(198,232,242,.14); }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li form {
    background: rgba(6,35,55,.38) !important;
    border: 1px solid rgba(188,228,244,.2) !important;
    border-radius: 12px !important;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li :is(input, button) { color: #e0f0f7 !important; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav input::placeholder { color: #bbd3de; opacity: 1; }

body[data-wkx-menu-theme="wkx_fiori_v2"] .wkx-theme-menu-li { padding: 8px 0 14px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] .wkx-theme-select {
    margin-top: 3px;
    border: 1px solid rgba(196,233,245,.3);
    border-radius: 10px;
    background: #244e65;
    color: #f0f8fc;
    min-height: 36px;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #headerToggle {
    top: 24px;
    background: #26546c;
    border: 1px solid rgba(207,242,253,.3);
    border-radius: 11px;
    box-shadow: 0 4px 14px rgba(0,20,38,.2);
    color: #fff;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li input::placeholder {
    color: #c3dce7 !important;
    -webkit-text-fill-color: #c3dce7 !important;
    opacity: 1;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #header .top a { color: #d9edf7 !important; }

body[data-wkx-menu-theme="wkx_fiori_v2"] { --wkx-sidebar-width: 216px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header {
    left: 8px;
    top: 10px;
    bottom: 10px;
    height: calc(100% - 20px);
    border-radius: 15px;
    scrollbar-width: thin;
}

body[data-wkx-menu-theme="wkx_fiori_v2"].header-visible #header { width: var(--wkx-sidebar-width); }

body[data-wkx-menu-theme="wkx_fiori_v2"].header-visible #main { margin-left: calc(var(--wkx-sidebar-width) + 8px); }

body[data-wkx-menu-theme="wkx_fiori_v2"]:not(.header-visible) #header { visibility: hidden; pointer-events: none; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header .top > .wkx-sidebar-user { padding: 12px 10px 8px 42px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header h1 { font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header p { margin: 2px 0 0; font-size: 10px; line-height: 1.3; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #headerToggle {
    left: 17px;
    top: 21px;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    font-size: 13px;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav { width: 100%; padding: 4px 7px 12px; box-sizing: border-box; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li { margin: 0; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible { margin: 2px 0; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible > details[open] {
    padding: 2px;
    border: 1px solid var(--wkx-nav-group-border, #9aa3ad) !important;
    border-radius: 8px;
    background: transparent;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible summary.nav_li_p {
    min-height: 27px;
    padding: 5px 7px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible > details > summary.nav_li_p {
    background: var(--wkx-nav-group-bg, transparent) !important;
    color: var(--wkx-nav-group-text, #e0f0f7) !important;
    -webkit-text-fill-color: var(--wkx-nav-group-text, #e0f0f7) !important;
    box-shadow: var(--wkx-nav-group-shadow, none) !important;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible > details > summary.nav_li_p:hover {
    background: var(--wkx-nav-group-hover, rgba(85,210,237,.18)) !important;
    color: var(--wkx-nav-group-text, #e0f0f7) !important;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li.nav-collapsible details > ul { padding: 2px 0 3px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a {
    min-height: 27px;
    padding: 5px 6px 5px 25px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav ul li a span:before { font-size: 11px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav hr { margin: 5px 0; border-color: rgba(198,232,242,.1); }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li { margin: 0 0 5px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li form { padding: 5px 7px !important; border-radius: 8px !important; gap: 4px !important; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li input { min-width: 0 !important; width: 100%; font-size: 10px !important; line-height: 1.4; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .menu-search-li button { min-width: 20px !important; font-size: 11px !important; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .wkx-theme-menu-li { padding: 4px 0 7px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .wkx-theme-menu-label { font-size: 10px; line-height: 1.3; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .wkx-theme-menu-label > span { margin-bottom: 3px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav .wkx-theme-select { min-height: 28px; margin: 0; padding: 4px 6px; border-radius: 7px; font-size: 11px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav :is(a, summary, input, select, button):focus-visible { outline: 2px solid #9cdeef; outline-offset: 1px; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header .bottom { padding: 8px; font-size: 10px; }

@media (max-width: 700px) {
body[data-wkx-menu-theme="wkx_fiori_v2"] { --wkx-sidebar-width: min(216px, calc(100vw - 32px)); }

body[data-wkx-menu-theme="wkx_fiori_v2"].header-visible #main { margin-left: 0; }

body[data-wkx-menu-theme="wkx_fiori_v2"] #header { z-index: 999; }
}

@media (prefers-reduced-motion: reduce) {
body[data-wkx-menu-theme="wkx_fiori_v2"] :is(#header, #main) { transition: none; }
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-smarthome {
    --wkx-nav-group-bg: #1f7a63;
    --wkx-nav-group-hover: #17624f;
    --wkx-nav-group-text: #ffffff;
    --wkx-nav-group-border: #1f7a63;
    --wkx-nav-group-shadow: 0 2px 8px rgba(31,122,99, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-tageslaufzettel {
    --wkx-nav-group-bg: #ffd84d;
    --wkx-nav-group-hover: #f2c62e;
    --wkx-nav-group-text: #453500;
    --wkx-nav-group-border: #e0ad16;
    --wkx-nav-group-shadow: 0 2px 8px rgba(224,173,22, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-wartungen {
    --wkx-nav-group-bg: #d9efff;
    --wkx-nav-group-hover: #c2e3fb;
    --wkx-nav-group-text: #12344d;
    --wkx-nav-group-border: #9fcef0;
    --wkx-nav-group-shadow: 0 2px 8px rgba(159,206,240, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-kontrollen {
    --wkx-nav-group-bg: #2f80ed;
    --wkx-nav-group-hover: #1f68c7;
    --wkx-nav-group-text: #ffffff;
    --wkx-nav-group-border: #2f80ed;
    --wkx-nav-group-shadow: 0 2px 8px rgba(47,128,237, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-inventur {
    --wkx-nav-group-bg: #21b8b2;
    --wkx-nav-group-hover: #1aa39e;
    --wkx-nav-group-text: #063735;
    --wkx-nav-group-border: #21b8b2;
    --wkx-nav-group-shadow: 0 2px 8px rgba(33,184,178, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-lexware {
    --wkx-nav-group-bg: #f9a8d4;
    --wkx-nav-group-hover: #f472b6;
    --wkx-nav-group-text: #63163f;
    --wkx-nav-group-border: #f472b6;
    --wkx-nav-group-shadow: 0 2px 8px rgba(244,114,182, .28);
}

body[data-wkx-menu-theme="wkx_fiori_v2"] #nav li.nav-arbeitsschutz {
    --wkx-nav-group-bg: #f6a400;
    --wkx-nav-group-hover: #e08f00;
    --wkx-nav-group-text: #2f2200;
    --wkx-nav-group-border: #f6a400;
    --wkx-nav-group-shadow: 0 2px 8px rgba(246,164,0, .28);
}