iobroker.eos-admin 7.9.81 → 7.9.83

package/adminWww/css/eos-branding.css

@@ -1,3952 +0,0 @@
-/* NexoWatt EOS branding overlay v13.
-   Runtime-skin only: upstream React/Vite bundles stay untouched for update compatibility. */
-:root {
-    --eos-bg-0: #020914;
-    --eos-bg-1: #061626;
-    --eos-bg-2: #0a2337;
-    --eos-panel: rgba(10, 28, 45, 0.88);
-    --eos-panel-strong: rgba(6, 19, 33, 0.96);
-    --eos-panel-soft: rgba(17, 39, 60, 0.74);
-    --eos-border: rgba(72, 176, 255, 0.20);
-    --eos-border-green: rgba(0, 255, 136, 0.34);
-    --eos-text: #eef7ff;
-    --eos-muted: rgba(222, 238, 255, 0.72);
-    --eos-accent: #00ff88;
-    --eos-accent-2: #00d4ff;
-    --eos-warn: #ffd21f;
-    --eos-danger: #ff4d4d;
-    --eos-radius: 18px;
-    --eos-drawer-left: 14px;
-    --eos-drawer-width: 180px;
-    --eos-shell-top: 14px;
-    --eos-shell-right: 28px;
-    --eos-logout-width: 126px;
-}
-
-html,
-body,
-#root {
-    min-height: 100%;
-    background:
-        radial-gradient(circle at 12% 16%, rgba(0, 255, 136, 0.11), transparent 34%),
-        radial-gradient(circle at 82% 14%, rgba(0, 148, 255, 0.11), transparent 36%),
-        linear-gradient(135deg, #020914 0%, #06111f 52%, #01050d 100%) !important;
-    color: var(--eos-text);
-}
-
-body::before {
-    content: '';
-    position: fixed;
-    inset: 0;
-    pointer-events: none;
-    z-index: 0;
-    background-image:
-        linear-gradient(115deg, rgba(0, 255, 136, 0.035) 0 1px, transparent 1px 22px),
-        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 34%);
-    opacity: 0.48;
-}
-
-#root {
-    position: relative;
-    z-index: 1;
-}
-
-.MuiAppBar-root,
-header.MuiPaper-root {
-    background: rgba(2, 9, 20, 0.92) !important;
-    border-bottom: 1px solid var(--eos-border-green) !important;
-    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
-}
-
-.MuiDrawer-paper {
-    background:
-        radial-gradient(circle at 50% 0%, rgba(0, 255, 136, 0.11), transparent 38%),
-        linear-gradient(180deg, rgba(5, 16, 29, 0.98), rgba(2, 9, 20, 0.98)) !important;
-    border-right: 1px solid var(--eos-border) !important;
-    box-shadow: 12px 0 36px rgba(0, 0, 0, 0.30) !important;
-}
-
-.MuiToolbar-root {
-    color: var(--eos-text) !important;
-}
-
-.MuiPaper-root,
-.MuiCard-root,
-.MuiDialog-paper,
-.MuiPopover-paper,
-.MuiMenu-paper {
-    background-color: var(--eos-panel) !important;
-    color: var(--eos-text) !important;
-    border: 1px solid var(--eos-border) !important;
-    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.26) !important;
-}
-
-.MuiTableContainer-root,
-.MuiTable-root,
-.MuiDataGrid-root {
-    background-color: rgba(7, 20, 33, 0.72) !important;
-    color: var(--eos-text) !important;
-    border-color: var(--eos-border) !important;
-}
-
-.MuiTableCell-root,
-.MuiDataGrid-cell,
-.MuiDataGrid-columnHeaders,
-.MuiDivider-root {
-    color: var(--eos-text) !important;
-    border-color: rgba(120, 190, 255, 0.16) !important;
-}
-
-.MuiListItemButton-root,
-.MuiMenuItem-root,
-.MuiTab-root,
-.MuiButtonBase-root {
-    border-radius: 12px !important;
-}
-
-.MuiListItemButton-root:hover,
-.MuiMenuItem-root:hover,
-.MuiButtonBase-root:hover {
-    background-color: rgba(0, 255, 136, 0.09) !important;
-}
-
-.Mui-selected,
-.MuiTab-root.Mui-selected {
-    color: var(--eos-accent) !important;
-    background: linear-gradient(135deg, rgba(0, 255, 136, 0.16), rgba(0, 212, 255, 0.08)) !important;
-}
-
-.MuiButton-containedPrimary,
-.MuiButton-contained {
-    background: linear-gradient(135deg, var(--eos-accent), var(--eos-accent-2)) !important;
-    color: #02101d !important;
-    font-weight: 800 !important;
-    box-shadow: 0 0 18px rgba(0, 255, 136, 0.22) !important;
-}
-
-.MuiButton-outlined,
-.MuiButton-text {
-    color: var(--eos-text) !important;
-    border-color: var(--eos-border-green) !important;
-}
-
-.MuiInputBase-root,
-.MuiOutlinedInput-root,
-.MuiInputBase-input,
-.MuiSelect-select {
-    color: var(--eos-text) !important;
-    background-color: rgba(5, 18, 31, 0.62) !important;
-}
-
-.MuiOutlinedInput-notchedOutline {
-    border-color: rgba(93, 190, 255, 0.34) !important;
-}
-
-.MuiInputLabel-root,
-.MuiFormLabel-root,
-.MuiTypography-colorTextSecondary,
-.MuiFormControlLabel-label {
-    color: var(--eos-muted) !important;
-}
-
-.MuiChip-root {
-    background-color: rgba(0, 255, 136, 0.12) !important;
-    color: var(--eos-text) !important;
-    border: 1px solid rgba(0, 255, 136, 0.22) !important;
-}
-
-[style*="background-color: rgb(255, 255, 255)"],
-[style*="background: rgb(255, 255, 255)"] {
-    background-color: var(--eos-panel-soft) !important;
-}
-
-/* Login / loading screen */
-html.eos-login body,
-html.eos-loading body {
-    background:
-        radial-gradient(circle at 50% 12%, rgba(0, 255, 136, 0.18), transparent 31%),
-        radial-gradient(circle at 78% 54%, rgba(0, 212, 255, 0.12), transparent 36%),
-        linear-gradient(135deg, #020914 0%, #081d30 56%, #01050d 100%) !important;
-}
-
-html.eos-login main.MuiPaper-root,
-html.eos-loading main.MuiPaper-root {
-    min-height: 100vh !important;
-    padding: 24px !important;
-    background: transparent !important;
-    border: 0 !important;
-    box-shadow: none !important;
-}
-
-html.eos-login .eos-login-card,
-html.eos-login main > .MuiPaper-root:has(#username),
-html.eos-login .MuiPaper-root:has(#password) {
-    position: relative;
-    overflow: hidden;
-    width: min(430px, calc(100vw - 44px)) !important;
-    height: auto !important;
-    min-height: 0 !important;
-    max-height: none !important;
-    max-width: 430px !important;
-    padding: 30px 30px 28px !important;
-    border-radius: 28px !important;
-    background:
-        linear-gradient(180deg, rgba(14, 36, 56, 0.96), rgba(5, 16, 29, 0.94)) !important;
-    border: 1px solid rgba(0, 255, 136, 0.42) !important;
-    box-shadow:
-        0 24px 66px rgba(0, 0, 0, 0.50),
-        inset 0 1px 0 rgba(255, 255, 255, 0.08),
-        0 0 42px rgba(0, 255, 136, 0.13) !important;
-}
-
-html.eos-login .eos-login-card::before,
-html.eos-login main > .MuiPaper-root:has(#username)::before {
-    content: 'Energy Operation System' !important;
-    display: block !important;
-    margin: 0 0 18px !important;
-    color: var(--eos-accent) !important;
-    font-weight: 900 !important;
-    letter-spacing: 0.14em !important;
-    text-transform: uppercase !important;
-    font-size: 11px !important;
-    text-align: center !important;
-}
-
-html.eos-login img[src*="admin.svg"],
-html.eos-login img[src*="no-image.svg"],
-html.eos-login .MuiAvatar-img,
-html.eos-login .eos-login-card img {
-    content: url('../img/eos/nexowatt-192.png') !important;
-    object-fit: contain !important;
-}
-
-html.eos-login .MuiAvatar-root {
-    background: radial-gradient(circle, rgba(0, 255, 136, 0.18), rgba(0, 212, 255, 0.10)) !important;
-    border: 1px solid rgba(0, 255, 136, 0.36);
-    box-shadow: 0 0 22px rgba(0, 255, 136, 0.16);
-}
-
-html.eos-login h1,
-html.eos-login h5,
-html.eos-login .MuiTypography-h5 {
-    color: var(--eos-text) !important;
-    font-weight: 850 !important;
-    letter-spacing: -0.02em;
-    text-align: center !important;
-    font-size: 26px !important;
-    line-height: 1.12 !important;
-    margin: 8px 0 8px !important;
-}
-
-html.eos-login .eos-login-card .MuiTextField-root,
-html.eos-login main > .MuiPaper-root:has(#username) .MuiTextField-root {
-    margin-top: 13px !important;
-    margin-bottom: 4px !important;
-}
-
-html.eos-login .eos-login-card .MuiButton-contained,
-html.eos-login main > .MuiPaper-root:has(#username) .MuiButton-contained {
-    border-radius: 14px !important;
-    min-height: 42px !important;
-    margin: 12px 0 0 !important;
-    letter-spacing: 0.03em !important;
-}
-
-html.eos-login .eos-login-card a[href="#"],
-html.eos-login main > .MuiPaper-root:has(#username) a[href="#"] {
-    color: var(--eos-text) !important;
-    text-decoration-color: rgba(0, 255, 136, 0.45) !important;
-}
-
-/* App shell */
-html.eos-app body,
-html.eos-app #root {
-    background:
-        radial-gradient(circle at 12% 18%, rgba(0, 255, 136, 0.10), transparent 33%),
-        radial-gradient(circle at 88% 10%, rgba(0, 212, 255, 0.10), transparent 36%),
-        linear-gradient(135deg, #010712 0%, #071827 54%, #020914 100%) !important;
-}
-
-html.eos-app #root > .MuiPaper-root {
-    background: transparent !important;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root {
-    top: var(--eos-shell-top) !important;
-    left: calc(var(--eos-drawer-left) + var(--eos-drawer-width) + 14px) !important;
-    right: calc(var(--eos-shell-right) + var(--eos-logout-width) + 16px) !important;
-    width: auto !important;
-    min-height: 58px !important;
-    border-radius: 20px !important;
-    border: 1px solid rgba(0, 255, 136, 0.27) !important;
-    background: linear-gradient(135deg, rgba(6, 22, 38, 0.94), rgba(2, 9, 20, 0.86)) !important;
-    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.32), 0 0 20px rgba(0, 255, 136, 0.07) !important;
-    overflow: visible !important;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    border-radius: inherit;
-    background:
-        linear-gradient(90deg, rgba(0, 255, 136, 0.12), transparent 30%, rgba(0, 212, 255, 0.08)),
-        linear-gradient(115deg, rgba(255,255,255,.045) 0 1px, transparent 1px 20px);
-    opacity: 0.50;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-html.eos-app .eos-top-toolbar {
-    position: relative !important;
-    min-height: 58px !important;
-    padding: 0 12px !important;
-    gap: 8px !important;
-    z-index: 1;
-    overflow: hidden !important;
-    display: flex !important;
-    align-items: center !important;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiIconButton-root {
-    width: 38px !important;
-    height: 38px !important;
-    margin: 0 2px !important;
-    border: 1px solid rgba(123, 204, 255, 0.20) !important;
-    border-radius: 13px !important;
-    background: rgba(8, 26, 42, 0.56) !important;
-    color: var(--eos-text) !important;
-    flex: 0 0 auto;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiIconButton-root:hover {
-    background: rgba(0, 255, 136, 0.13) !important;
-    border-color: rgba(0, 255, 136, 0.42) !important;
-}
-
-.eos-brand-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    min-height: 34px;
-    padding: 0 13px;
-    border: 1px solid rgba(0, 255, 136, 0.34);
-    border-radius: 999px;
-    background: rgba(0, 255, 136, 0.08);
-    color: var(--eos-text);
-    font-weight: 850;
-    letter-spacing: 0.01em;
-    white-space: nowrap;
-    flex: 0 0 auto;
-}
-
-.eos-brand-led,
-.eos-brand-badge::before {
-    content: '';
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--eos-accent);
-    box-shadow: 0 0 12px var(--eos-accent);
-    display: inline-block;
-}
-
-.eos-direct-logout {
-    position: fixed;
-    top: 24px;
-    right: var(--eos-shell-right);
-    z-index: 1405;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    width: var(--eos-logout-width);
-    min-height: 40px;
-    padding: 9px 14px;
-    border-radius: 14px;
-    border: 1px solid rgba(0, 255, 136, 0.34);
-    background: linear-gradient(135deg, rgba(0,255,136,.19), rgba(0,212,255,.12));
-    color: var(--eos-text);
-    font-weight: 850;
-    cursor: pointer;
-    box-shadow: 0 10px 26px rgba(0,0,0,.26), 0 0 16px rgba(0,255,136,.10);
-}
-
-.eos-direct-logout:hover {
-    transform: translateY(-1px);
-    border-color: rgba(0, 255, 136, 0.70);
-    background: linear-gradient(135deg, rgba(0,255,136,.28), rgba(0,212,255,.18));
-}
-
-.eos-direct-logout-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--eos-accent);
-    box-shadow: 0 0 12px var(--eos-accent);
-}
-
-
-/* Login must stay clean: no app/logout control before authentication. */
-html.eos-login .eos-direct-logout,
-body:not(:has(#app-paper)):has(input[type="password"]) .eos-direct-logout,
-body:not(:has(#app-paper)):has(#password) .eos-direct-logout {
-    display: none !important;
-    visibility: hidden !important;
-    pointer-events: none !important;
-}
-
-/* Drawer / navigation */
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    top: var(--eos-shell-top) !important;
-    left: var(--eos-drawer-left) !important;
-    width: var(--eos-drawer-width) !important;
-    height: calc(100vh - 28px) !important;
-    border-radius: 24px !important;
-    border: 1px solid rgba(0, 255, 136, 0.22) !important;
-    background:
-        radial-gradient(circle at 50% 0%, rgba(0,255,136,.17), transparent 30%),
-        linear-gradient(180deg, rgba(5, 18, 32, 0.98), rgba(2, 9, 20, 0.98)) !important;
-    box-shadow: 14px 0 38px rgba(0, 0, 0, 0.30), 0 0 22px rgba(0,255,136,.06) !important;
-    overflow-x: hidden !important;
-    overflow-y: auto !important;
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 255, 136, 0.45) rgba(7, 20, 33, 0.50);
-    overscroll-behavior: contain;
-}
-
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar,
-html.eos-app .eos-scroll-nav::-webkit-scrollbar,
-html.eos-app #app-paper::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar-track,
-html.eos-app .eos-scroll-nav::-webkit-scrollbar-track,
-html.eos-app #app-paper::-webkit-scrollbar-track {
-    background: rgba(7, 20, 33, 0.50);
-    border-radius: 999px;
-}
-
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar-thumb,
-html.eos-app .eos-scroll-nav::-webkit-scrollbar-thumb,
-html.eos-app #app-paper::-webkit-scrollbar-thumb {
-    background: linear-gradient(180deg, rgba(0,255,136,.50), rgba(0,212,255,.38));
-    border-radius: 999px;
-}
-
-html.eos-app .eos-native-drawer-header {
-    min-height: 76px !important;
-    padding: 10px !important;
-    position: sticky !important;
-    top: 0 !important;
-    z-index: 5 !important;
-    border-bottom: 1px solid rgba(0, 255, 136, 0.20) !important;
-    background:
-        linear-gradient(135deg, rgba(0, 255, 136, 0.10), rgba(0, 212, 255, 0.06)),
-        rgba(2, 9, 20, 0.93) !important;
-    justify-content: space-between !important;
-    gap: 6px !important;
-    box-shadow: 0 12px 22px rgba(0,0,0,.18) !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    width: auto !important;
-    min-width: 0 !important;
-    display: flex !important;
-    align-items: center !important;
-    gap: 8px !important;
-    margin: 0 !important;
-    opacity: 1 !important;
-}
-
-html.eos-app .eos-native-drawer-header a {
-    display: inline-flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    width: 42px !important;
-    height: 42px !important;
-    flex: 0 0 42px !important;
-    border-radius: 16px !important;
-    border: 1px solid rgba(0,255,136,.24) !important;
-    background: rgba(0, 255, 136, 0.08) !important;
-}
-
-html.eos-app .eos-native-drawer-header img,
-html.eos-app .eos-native-drawer-header .MuiAvatar-root {
-    width: 32px !important;
-    height: 32px !important;
-    object-fit: contain !important;
-    filter: drop-shadow(0 0 8px rgba(0,255,136,.22));
-}
-
-.eos-native-title {
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    line-height: 1.05;
-}
-
-.eos-native-title strong {
-    color: var(--eos-text);
-    font-size: 12px;
-    font-weight: 900;
-    letter-spacing: .01em;
-}
-
-.eos-native-title small {
-    color: var(--eos-muted);
-    margin-top: 3px;
-    font-size: 8px;
-    font-weight: 750;
-    letter-spacing: .05em;
-    text-transform: uppercase;
-}
-
-html.eos-app .MuiDrawer-paper .MuiList-root,
-html.eos-app .eos-scroll-nav {
-    padding: 8px 8px 18px !important;
-    overflow: visible !important;
-}
-
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root,
-html.eos-app .MuiDrawer-paper .MuiButtonBase-root.MuiListItemButton-root {
-    min-height: 44px !important;
-    margin: 5px 0 !important;
-    padding: 9px 12px !important;
-    border-radius: 15px !important;
-    border: 1px solid transparent !important;
-    color: var(--eos-text) !important;
-}
-
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root:hover {
-    border-color: rgba(0, 255, 136, 0.24) !important;
-    background: rgba(0, 255, 136, 0.09) !important;
-}
-
-html.eos-app .MuiDrawer-paper .Mui-selected,
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root.Mui-selected {
-    background: linear-gradient(135deg, rgba(0,255,136,.78), rgba(0,212,255,.56)) !important;
-    color: #02101d !important;
-    font-weight: 900 !important;
-    box-shadow: 0 10px 22px rgba(0,255,136,.18) !important;
-}
-
-html.eos-app .MuiDrawer-paper .Mui-selected svg,
-html.eos-app .MuiDrawer-paper .Mui-selected img {
-    color: #02101d !important;
-    filter: none !important;
-}
-
-/* Main content */
-html.eos-app #app-paper {
-    position: relative !important;
-    margin-top: 86px !important;
-    margin-right: var(--eos-shell-right) !important;
-    border-radius: 24px !important;
-    border: 1px solid rgba(72, 176, 255, 0.18) !important;
-    background: linear-gradient(180deg, rgba(8, 25, 41, .80), rgba(4, 14, 25, .74)) !important;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 38px rgba(0,0,0,.20) !important;
-    overflow: auto !important;
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 255, 136, 0.45) rgba(7, 20, 33, 0.50);
-}
-
-html.eos-app #app-paper::before {
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    inset: 0;
-    border-radius: 24px;
-    background:
-        linear-gradient(115deg, rgba(0,255,136,.035) 0 1px, transparent 1px 20px),
-        radial-gradient(circle at 88% 12%, rgba(0,212,255,.07), transparent 26%);
-}
-
-html.eos-app #app-paper > * {
-    position: relative;
-}
-
-/* Adapter / module cards */
-html.eos-route-adapters #app-paper,
-html.eos-route-intro #app-paper {
-    background: rgba(5, 18, 31, .74) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root,
-html.eos-route-intro #app-paper .MuiCard-root {
-    border-radius: 24px !important;
-    border: 1px solid rgba(123, 204, 255, 0.21) !important;
-    background: linear-gradient(180deg, rgba(13, 36, 58, 0.90), rgba(7, 23, 39, 0.88)) !important;
-    overflow: hidden !important;
-    box-shadow: 0 14px 30px rgba(0,0,0,.24) !important;
-    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root:hover,
-html.eos-route-intro #app-paper .MuiCard-root:hover {
-    transform: translateY(-2px);
-    border-color: rgba(0, 255, 136, 0.40) !important;
-    box-shadow: 0 20px 42px rgba(0,0,0,.28), 0 0 16px rgba(0,255,136,.06) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div:first-child,
-html.eos-route-intro #app-paper .MuiCard-root > div:first-child {
-    background: linear-gradient(135deg, rgba(0,255,136,.16), rgba(0,212,255,.11)) !important;
-    color: var(--eos-text) !important;
-    border-bottom: 1px solid rgba(0,255,136,.20) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div:first-child * ,
-html.eos-route-intro #app-paper .MuiCard-root > div:first-child * {
-    color: var(--eos-text) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root .MuiFab-root,
-html.eos-route-intro #app-paper .MuiCard-root .MuiFab-root {
-    background: linear-gradient(135deg, var(--eos-accent), var(--eos-accent-2)) !important;
-    color: #02101d !important;
-    box-shadow: 0 12px 24px rgba(0,0,0,.25) !important;
-}
-
-html.eos-route-adapters #app-paper [style*="background: rgb(25, 118, 210)"],
-html.eos-route-adapters #app-paper [style*="background-color: rgb(25, 118, 210)"],
-html.eos-route-adapters #app-paper [style*="background:#1976d2"],
-html.eos-route-adapters #app-paper [style*="background-color:#1976d2"],
-html.eos-route-adapters #app-paper [style*="background: rgb(77, 171, 245)"],
-html.eos-route-adapters #app-paper [style*="background-color: rgb(77, 171, 245)"] {
-    background: linear-gradient(135deg, rgba(0,255,136,.22), rgba(0,212,255,.16)) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiTextField-root,
-html.eos-route-adapters #app-paper .MuiInputBase-root {
-    border-radius: 14px !important;
-}
-
-html.eos-route-adapters #app-paper .MuiIconButton-root,
-html.eos-route-adapters #app-paper .MuiButtonBase-root {
-    border-radius: 13px !important;
-}
-
-/* Rights helper */
-.eos-rights-helper,
-.eos-permission-presets {
-    display: flex;
-    align-items: center;
-    gap: 14px;
-    margin: 0 0 14px;
-    padding: 14px 16px;
-    border: 1px solid rgba(0, 255, 136, 0.24);
-    border-radius: 18px;
-    background: linear-gradient(135deg, rgba(0,255,136,.10), rgba(0,212,255,.07));
-    box-shadow: 0 12px 28px rgba(0,0,0,.20);
-    color: var(--eos-text);
-}
-
-.eos-rights-helper-icon {
-    width: 42px;
-    height: 42px;
-    display: grid;
-    place-items: center;
-    border-radius: 14px;
-    background: rgba(0, 255, 136, 0.13);
-    border: 1px solid rgba(0, 255, 136, 0.26);
-    font-size: 22px;
-}
-
-.eos-rights-helper-copy {
-    display: flex;
-    flex-direction: column;
-    min-width: 240px;
-}
-
-.eos-rights-helper-copy strong,
-.eos-permission-presets-title {
-    font-weight: 900;
-    letter-spacing: .01em;
-}
-
-.eos-rights-helper-copy span,
-.eos-permission-presets-text {
-    color: var(--eos-muted);
-    font-size: 13px;
-    line-height: 1.35;
-}
-
-.eos-rights-helper-steps,
-.eos-permission-presets-actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-left: auto;
-}
-
-.eos-rights-helper-steps span,
-.eos-permission-presets-actions button {
-    border-radius: 999px;
-    border: 1px solid rgba(123, 204, 255, 0.24);
-    background: rgba(8, 26, 42, 0.54);
-    color: var(--eos-text);
-    padding: 7px 10px;
-    font-weight: 800;
-    font-size: 12px;
-}
-
-.eos-permission-presets {
-    align-items: flex-start;
-    flex-direction: column;
-}
-
-.eos-permission-presets-actions {
-    margin-left: 0;
-}
-
-.eos-permission-presets-actions button {
-    cursor: pointer;
-}
-
-.eos-permission-presets-actions button:hover {
-    background: rgba(0, 255, 136, 0.15);
-    border-color: rgba(0, 255, 136, 0.42);
-}
-
-html.eos-route-users #app-paper .MuiPaper-root,
-html.eos-route-users #app-paper .MuiCard-root {
-    border-radius: 18px !important;
-}
-
-@media (max-width: 1220px) {
-    :root {
-        --eos-logout-width: 48px;
-        --eos-shell-right: 18px;
-    }
-    .eos-direct-logout span:not(.eos-direct-logout-dot) {
-        display: none;
-    }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root {
-        right: calc(var(--eos-shell-right) + var(--eos-logout-width) + 12px) !important;
-    }
-}
-
-@media (max-width: 900px) {
-    :root {
-        --eos-drawer-width: 72px;
-        --eos-drawer-left: 10px;
-        --eos-shell-top: 10px;
-        --eos-shell-right: 10px;
-    }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root {
-        left: calc(var(--eos-drawer-left) + var(--eos-drawer-width) + 10px) !important;
-        min-height: 52px !important;
-    }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-    html.eos-app .eos-top-toolbar {
-        min-height: 52px !important;
-    }
-    html.eos-app .eos-brand-badge span:last-child,
-    .eos-native-title {
-        display: none;
-    }
-    html.eos-app #app-paper {
-        margin-top: 76px !important;
-        margin-right: 10px !important;
-    }
-}
-
-@media (max-width: 680px) {
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root {
-        left: 10px !important;
-        right: 68px !important;
-        width: auto !important;
-    }
-    html.eos-app #app-paper {
-        margin-left: 10px !important;
-        margin-right: 10px !important;
-    }
-    html.eos-app .MuiDrawer-paper {
-        width: min(82vw, 290px) !important;
-    }
-    .eos-rights-helper {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-    .eos-rights-helper-steps {
-        margin-left: 0;
-    }
-}
-
-@media (max-width: 520px) {
-    .eos-brand-badge {
-        padding: 0 10px;
-    }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiIconButton-root {
-        width: 34px !important;
-        height: 34px !important;
-    }
-    html.eos-route-adapters #app-paper .MuiCard-root {
-        width: calc(100vw - 42px) !important;
-        margin-left: 0 !important;
-        margin-right: 0 !important;
-    }
-}
-
-/* === NexoWatt EOS v9 refinements =========================================
-   Scope: keep the v5 shell, improve brand logo placement, readable module
-   info overlays, and a cleaner services/instances list. */
-:root {
-    --eos-drawer-width: 196px;
-}
-
-/* Sidebar brand tile: larger, centered logo next to EOS copy. */
-html.eos-app .eos-native-drawer-header {
-    min-height: 92px !important;
-    padding: 10px 10px 10px 12px !important;
-    border-radius: 22px 22px 10px 10px !important;
-    display: flex !important;
-    align-items: center !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    flex: 1 1 auto !important;
-    display: grid !important;
-    grid-template-columns: 62px minmax(0, 1fr) !important;
-    align-items: center !important;
-    gap: 10px !important;
-    min-width: 0 !important;
-    padding: 6px 7px !important;
-    border-radius: 19px !important;
-    border: 1px solid rgba(0, 255, 136, 0.24) !important;
-    background:
-        radial-gradient(circle at 18% 50%, rgba(0,255,136,.18), transparent 42%),
-        linear-gradient(135deg, rgba(0,255,136,.10), rgba(0,212,255,.055)) !important;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 20px rgba(0,0,0,.18) !important;
-}
-
-html.eos-app .eos-native-drawer-header a {
-    width: 58px !important;
-    height: 58px !important;
-    flex: 0 0 58px !important;
-    border-radius: 18px !important;
-    padding: 4px !important;
-    background:
-        radial-gradient(circle, rgba(0, 255, 136, .16), rgba(0, 212, 255, .06) 62%, rgba(2,9,20,.72)) !important;
-    border: 1px solid rgba(0,255,136,.36) !important;
-    box-shadow: 0 0 18px rgba(0,255,136,.14) !important;
-}
-
-html.eos-app .eos-native-drawer-header img,
-html.eos-app .eos-native-drawer-header .MuiAvatar-root {
-    width: 48px !important;
-    height: 48px !important;
-    min-width: 48px !important;
-    min-height: 48px !important;
-    object-fit: contain !important;
-    opacity: 1 !important;
-    filter: drop-shadow(0 0 10px rgba(0,255,136,.32)) !important;
-}
-
-html.eos-app .eos-native-title {
-    display: flex !important;
-    flex-direction: column !important;
-    justify-content: center !important;
-    min-width: 0 !important;
-    max-width: 96px !important;
-    overflow: hidden !important;
-}
-
-html.eos-app .eos-native-title strong {
-    display: block !important;
-    color: #f2fbff !important;
-    font-size: 12.5px !important;
-    line-height: 1.03 !important;
-    font-weight: 950 !important;
-    letter-spacing: -0.01em !important;
-    white-space: normal !important;
-}
-
-html.eos-app .eos-native-title small {
-    display: block !important;
-    margin-top: 4px !important;
-    color: rgba(222, 238, 255, .72) !important;
-    font-size: 7.6px !important;
-    line-height: 1.12 !important;
-    font-weight: 850 !important;
-    letter-spacing: .055em !important;
-    text-transform: uppercase !important;
-}
-
-/* Adapter/module info overlay after the three-dot button. The upstream overlay
-   uses inline silver backgrounds, so these rules deliberately override them. */
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] {
-    inset: 0 !important;
-    width: 100% !important;
-    height: 100% !important;
-    margin: 0 !important;
-    z-index: 8 !important;
-    border-radius: 24px !important;
-    overflow: hidden !important;
-    background:
-        radial-gradient(circle at 12% 6%, rgba(0,255,136,.18), transparent 34%),
-        linear-gradient(180deg, rgba(8, 29, 47, .985), rgba(4, 14, 25, .975)) !important;
-    color: var(--eos-text) !important;
-    border: 1px solid rgba(0, 255, 136, .34) !important;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.34) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root {
-    flex: 1 1 auto !important;
-    min-height: 0 !important;
-    padding: 16px 18px 14px !important;
-    overflow: auto !important;
-    scrollbar-width: thin !important;
-    scrollbar-color: rgba(0,255,136,.48) rgba(7,20,33,.55) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root > div[style*="background"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root > div[style*="background"] {
-    position: sticky !important;
-    top: -16px !important;
-    z-index: 2 !important;
-    height: 36px !important;
-    margin: -16px -18px 12px !important;
-    padding: 7px 10px !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: flex-end !important;
-    background:
-        linear-gradient(135deg, rgba(0,255,136,.16), rgba(0,212,255,.09)),
-        rgba(3, 14, 26, .96) !important;
-    border-bottom: 1px solid rgba(0,255,136,.22) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root::before,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root::before {
-    content: 'Modulbeschreibung' !important;
-    position: sticky !important;
-    top: -9px !important;
-    z-index: 3 !important;
-    float: left !important;
-    color: rgba(238,247,255,.88) !important;
-    font-size: 12px !important;
-    line-height: 20px !important;
-    font-weight: 900 !important;
-    letter-spacing: .035em !important;
-    text-transform: uppercase !important;
-    pointer-events: none !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiTypography-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiTypography-root {
-    display: block !important;
-    clear: both !important;
-    color: rgba(238, 247, 255, .94) !important;
-    font-size: 13.5px !important;
-    line-height: 1.48 !important;
-    font-weight: 500 !important;
-    text-align: left !important;
-    text-shadow: none !important;
-    white-space: normal !important;
-    word-break: normal !important;
-    overflow-wrap: anywhere !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="justify-content: space-between"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="justify-content: space-between"] {
-    flex: 0 0 auto !important;
-    padding: 10px 12px !important;
-    background: rgba(2, 9, 20, .90) !important;
-    border-top: 1px solid rgba(0,255,136,.22) !important;
-    gap: 8px !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="cursor: pointer"]::before,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="cursor: pointer"]::after,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="cursor: pointer"]::before,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] div[style*="cursor: pointer"]::after {
-    background-color: #eaf9ff !important;
-    box-shadow: 0 0 8px rgba(0,255,136,.20) !important;
-}
-
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiIconButton-root,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiButtonBase-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiIconButton-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiButtonBase-root {
-    background: rgba(0,255,136,.10) !important;
-    border: 1px solid rgba(0,255,136,.20) !important;
-    color: var(--eos-text) !important;
-}
-
-/* Services / instances page: modern EOS list surface without stamping the
-   NexoWatt logo onto instance rows. */
-html.eos-route-instances #app-paper {
-    padding: 10px !important;
-    background:
-        radial-gradient(circle at 88% 10%, rgba(0,212,255,.08), transparent 30%),
-        linear-gradient(180deg, rgba(8,25,41,.78), rgba(3,12,23,.80)) !important;
-}
-
-html.eos-route-instances #app-paper .MuiToolbar-root,
-html.eos-route-instances #app-paper [class*="TabHeader"],
-html.eos-route-instances #app-paper form,
-html.eos-route-instances #app-paper .MuiTextField-root {
-    border-radius: 16px !important;
-}
-
-html.eos-route-instances #app-paper .MuiAccordion-root {
-    margin: 7px 0 !important;
-    border-radius: 16px !important;
-    overflow: hidden !important;
-    border: 1px solid rgba(123,204,255,.18) !important;
-    background: rgba(7, 24, 39, .72) !important;
-    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
-}
-
-html.eos-route-instances #app-paper .MuiAccordion-root::before {
-    display: none !important;
-}
-
-html.eos-route-instances #app-paper .MuiAccordionSummary-root {
-    border-radius: 16px !important;
-    min-height: 48px !important;
-    border: 1px solid transparent !important;
-    background:
-        linear-gradient(90deg, rgba(0,255,136,.13), rgba(0,212,255,.055)),
-        rgba(8, 31, 50, .78) !important;
-    color: var(--eos-text) !important;
-}
-
-html.eos-route-instances #app-paper .MuiAccordionSummary-root:hover {
-    border-color: rgba(0,255,136,.28) !important;
-    background:
-        linear-gradient(90deg, rgba(0,255,136,.20), rgba(0,212,255,.08)),
-        rgba(8, 31, 50, .86) !important;
-}
-
-html.eos-route-instances #app-paper .MuiAccordionDetails-root {
-    margin: 0 !important;
-    padding: 14px 16px 16px !important;
-    border-top: 1px solid rgba(0,255,136,.18) !important;
-    background:
-        radial-gradient(circle at 92% 0%, rgba(0,212,255,.07), transparent 30%),
-        rgba(4, 17, 29, .88) !important;
-}
-
-html.eos-route-instances #app-paper .MuiAvatar-root,
-html.eos-route-instances #app-paper img {
-    border-radius: 10px !important;
-}
-
-html.eos-route-instances #app-paper .MuiIconButton-root,
-html.eos-route-instances #app-paper .MuiButtonBase-root:not(.MuiAccordionSummary-root) {
-    border-radius: 12px !important;
-}
-
-html.eos-route-instances #app-paper .MuiCard-root {
-    border-radius: 22px !important;
-    border: 1px solid rgba(123,204,255,.20) !important;
-    background: linear-gradient(180deg, rgba(13,36,58,.88), rgba(6,21,36,.86)) !important;
-    overflow: hidden !important;
-}
-
-html.eos-route-instances #app-paper .MuiCard-root > div:first-child {
-    background: linear-gradient(135deg, rgba(0,255,136,.18), rgba(0,212,255,.10)) !important;
-    border-bottom: 1px solid rgba(0,255,136,.20) !important;
-}
-
-html.eos-route-instances #app-paper .MuiChip-root,
-html.eos-route-instances #app-paper .MuiAvatar-root {
-    box-shadow: 0 0 0 1px rgba(0,255,136,.10) !important;
-}
-
-@media (max-width: 900px) {
-    :root {
-        --eos-drawer-width: 82px;
-    }
-    html.eos-app .eos-native-drawer-header > div:first-child {
-        grid-template-columns: 1fr !important;
-        justify-items: center !important;
-        padding: 7px 5px !important;
-    }
-    html.eos-app .eos-native-drawer-header a {
-        width: 52px !important;
-        height: 52px !important;
-        flex-basis: 52px !important;
-    }
-    html.eos-app .eos-native-drawer-header img,
-    html.eos-app .eos-native-drawer-header .MuiAvatar-root {
-        width: 43px !important;
-        height: 43px !important;
-        min-width: 43px !important;
-        min-height: 43px !important;
-    }
-}
-
-
-/* v11: Full-width EOS header + horizontal navigation rail.
-   The old left drawer is no longer a vertical column. Its branding/menu tile is
-   laid out horizontally under the header, so the main content can use the full width. */
-:root {
-    --eos-page-x: 16px;
-    --eos-shell-top: 12px;
-    --eos-header-height: 70px;
-    --eos-nav-height: 74px;
-    --eos-nav-gap: 12px;
-    --eos-content-top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + var(--eos-nav-height) + 12px);
-    --eos-logout-width: 126px;
-}
-
-html.eos-login,
-html.eos-login body,
-html.eos-login #root {
-    min-height: 100vh !important;
-}
-
-html.eos-login #root {
-    display: grid !important;
-    place-items: center !important;
-}
-
-html.eos-login main.MuiPaper-root,
-html.eos-loading main.MuiPaper-root {
-    min-height: 100vh !important;
-    width: 100% !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    padding: clamp(18px, 4vw, 42px) !important;
-    margin: 0 !important;
-}
-
-html.eos-login .eos-login-card,
-html.eos-login main > .MuiPaper-root:has(#username),
-html.eos-login .MuiPaper-root:has(#password) {
-    margin: 0 auto !important;
-    transform: none !important;
-}
-
-html.eos-login .eos-direct-logout,
-html.eos-login body .eos-direct-logout,
-body:not(:has(#app-paper)):has(input[type="password"]) .eos-direct-logout,
-body:not(:has(#app-paper)):has(#password) .eos-direct-logout {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-}
-
-html.eos-login img[src*="admin.svg"],
-html.eos-login img[src*="logo"],
-html.eos-login .MuiAvatar-img,
-html.eos-login .eos-login-card img {
-    content: url('../img/eos/nexowatt-192.png') !important;
-    opacity: 1 !important;
-    filter: drop-shadow(0 0 18px rgba(0,255,136,.35)) !important;
-}
-
-/* Full header */
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root,
-html.eos-app .MuiAppBar-root {
-    top: var(--eos-shell-top) !important;
-    left: var(--eos-page-x) !important;
-    right: var(--eos-page-x) !important;
-    width: auto !important;
-    height: var(--eos-header-height) !important;
-    min-height: var(--eos-header-height) !important;
-    margin-left: 0 !important;
-    border-radius: 24px !important;
-    border: 1px solid rgba(0,255,136,.32) !important;
-    background:
-        radial-gradient(circle at 8% 50%, rgba(0,255,136,.18), transparent 25%),
-        radial-gradient(circle at 88% 50%, rgba(0,212,255,.10), transparent 30%),
-        linear-gradient(135deg, rgba(4,24,36,.97), rgba(2,9,20,.95)) !important;
-    box-shadow: 0 16px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07), 0 0 24px rgba(0,255,136,.08) !important;
-    overflow: visible !important;
-    z-index: 1400 !important;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-html.eos-app .eos-top-toolbar {
-    height: var(--eos-header-height) !important;
-    min-height: var(--eos-header-height) !important;
-    padding: 0 calc(var(--eos-logout-width) + 44px) 0 16px !important;
-    gap: 8px !important;
-    overflow: hidden !important;
-}
-
-html.eos-app .eos-brand-badge {
-    min-height: 50px !important;
-    min-width: 236px !important;
-    padding: 6px 14px 6px 9px !important;
-    gap: 10px !important;
-    border-radius: 18px !important;
-    background:
-        radial-gradient(circle at 20% 50%, rgba(0,255,136,.24), transparent 45%),
-        linear-gradient(135deg, rgba(0,255,136,.13), rgba(0,212,255,.07)) !important;
-    border: 1px solid rgba(0,255,136,.40) !important;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.22) !important;
-}
-html.eos-app .eos-brand-badge::before { display: none !important; content: none !important; }
-.eos-brand-badge-logo {
-    width: 40px !important;
-    height: 40px !important;
-    min-width: 40px !important;
-    object-fit: contain !important;
-    opacity: 1 !important;
-    border-radius: 13px !important;
-    filter: drop-shadow(0 0 12px rgba(0,255,136,.34)) !important;
-}
-.eos-brand-badge-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.05; }
-.eos-brand-badge-copy strong { color: #f2fbff; font-size: 13px; font-weight: 950; letter-spacing: -.01em; white-space: nowrap; }
-.eos-brand-badge-copy small { margin-top: 4px; color: rgba(222,238,255,.75); font-size: 7.8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
-.eos-brand-led { width: 8px !important; height: 8px !important; margin-left: auto; flex: 0 0 auto; }
-
-.eos-direct-logout {
-    top: calc(var(--eos-shell-top) + 16px) !important;
-    right: calc(var(--eos-page-x) + 12px) !important;
-    z-index: 1550 !important;
-}
-
-/* Turn native drawer into a horizontal navigation rail below the header. */
-html.eos-app .MuiDrawer-root {
-    width: 0 !important;
-    flex: 0 0 0 !important;
-}
-
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    position: fixed !important;
-    top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap)) !important;
-    left: var(--eos-page-x) !important;
-    right: var(--eos-page-x) !important;
-    width: auto !important;
-    height: var(--eos-nav-height) !important;
-    max-height: var(--eos-nav-height) !important;
-    min-height: var(--eos-nav-height) !important;
-    display: flex !important;
-    flex-direction: row !important;
-    align-items: center !important;
-    gap: 10px !important;
-    padding: 8px 10px !important;
-    overflow-x: auto !important;
-    overflow-y: hidden !important;
-    border-radius: 24px !important;
-    border: 1px solid rgba(0,255,136,.28) !important;
-    background:
-        radial-gradient(circle at 4% 50%, rgba(0,255,136,.13), transparent 32%),
-        linear-gradient(135deg, rgba(7,28,43,.96), rgba(2,9,20,.94)) !important;
-    box-shadow: 0 14px 38px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.06) !important;
-    z-index: 1300 !important;
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0,255,136,.72) rgba(3,15,26,.65);
-}
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar { height: 7px; }
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar-track { background: rgba(3,15,26,.65); border-radius: 999px; }
-html.eos-app .MuiDrawer-paper::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--eos-accent), var(--eos-accent-2)); border-radius: 999px; }
-
-html.eos-app .eos-native-drawer-header {
-    flex: 0 0 220px !important;
-    width: 220px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    padding: 0 !important;
-    margin: 0 2px 0 0 !important;
-    border-radius: 18px !important;
-    border: 1px solid rgba(0,255,136,.24) !important;
-    background: linear-gradient(135deg, rgba(0,255,136,.12), rgba(0,212,255,.055)) !important;
-    overflow: hidden !important;
-}
-html.eos-app .eos-native-drawer-header > div:first-child {
-    display: grid !important;
-    grid-template-columns: 56px minmax(0,1fr) 28px !important;
-    align-items: center !important;
-    gap: 8px !important;
-    width: 100% !important;
-    height: 100% !important;
-    min-height: 0 !important;
-    padding: 5px 8px 5px 6px !important;
-    overflow: hidden !important;
-}
-html.eos-app .eos-native-drawer-header a {
-    width: 48px !important;
-    height: 48px !important;
-    min-width: 48px !important;
-    flex-basis: 48px !important;
-    border-radius: 16px !important;
-    background: rgba(0,255,136,.09) !important;
-    border: 1px solid rgba(0,255,136,.18) !important;
-    display: grid !important;
-    place-items: center !important;
-}
-html.eos-app .eos-native-drawer-header img,
-html.eos-app .eos-native-drawer-header .MuiAvatar-root,
-html.eos-app .eos-native-drawer-header .MuiAvatar-img {
-    width: 42px !important;
-    height: 42px !important;
-    min-width: 42px !important;
-    min-height: 42px !important;
-    object-fit: contain !important;
-    opacity: 1 !important;
-    filter: drop-shadow(0 0 12px rgba(0,255,136,.30)) !important;
-}
-html.eos-app .eos-native-title {
-    display: flex !important;
-    flex-direction: column !important;
-    justify-content: center !important;
-    align-items: flex-start !important;
-    min-width: 0 !important;
-    max-width: none !important;
-    line-height: 1.05 !important;
-}
-html.eos-app .eos-native-title strong { font-size: 12px !important; font-weight: 950 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
-html.eos-app .eos-native-title small { font-size: 7.2px !important; font-weight: 850 !important; letter-spacing: .045em !important; text-transform: uppercase !important; color: rgba(222,238,255,.70) !important; }
-
-html.eos-app .MuiDrawer-paper .MuiList-root,
-html.eos-app .eos-scroll-nav {
-    display: flex !important;
-    flex-direction: row !important;
-    align-items: center !important;
-    gap: 8px !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    min-width: max-content !important;
-    height: 56px !important;
-    overflow: visible !important;
-}
-html.eos-app .MuiDrawer-paper .MuiListItem-root { width: auto !important; min-width: auto !important; padding: 0 !important; }
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root,
-html.eos-app .MuiDrawer-paper .MuiButtonBase-root.MuiListItemButton-root {
-    height: 52px !important;
-    min-height: 52px !important;
-    width: auto !important;
-    min-width: max-content !important;
-    margin: 0 !important;
-    padding: 0 16px !important;
-    border-radius: 17px !important;
-    display: inline-flex !important;
-    align-items: center !important;
-    gap: 8px !important;
-    white-space: nowrap !important;
-    border: 1px solid rgba(123,204,255,.12) !important;
-    background: rgba(2,12,22,.38) !important;
-}
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root.Mui-selected,
-html.eos-app .MuiDrawer-paper .MuiListItemButton-root[aria-selected="true"],
-html.eos-app .MuiDrawer-paper .Mui-selected {
-    background: linear-gradient(135deg, rgba(0,255,136,.74), rgba(0,212,255,.42)) !important;
-    color: #f2fbff !important;
-    border-color: rgba(0,255,136,.56) !important;
-    box-shadow: 0 0 22px rgba(0,255,136,.18) !important;
-}
-html.eos-app .MuiDrawer-paper .MuiListItemIcon-root {
-    min-width: 22px !important;
-    width: 22px !important;
-    margin-right: 0 !important;
-    color: inherit !important;
-}
-html.eos-app .MuiDrawer-paper .MuiTypography-root,
-html.eos-app .MuiDrawer-paper .MuiListItemText-root span {
-    font-size: 14px !important;
-    font-weight: 750 !important;
-    white-space: nowrap !important;
-}
-
-/* Content takes the complete page width below the horizontal rail. */
-html.eos-app #app-paper {
-    margin-top: var(--eos-content-top) !important;
-    margin-left: var(--eos-page-x) !important;
-    margin-right: var(--eos-page-x) !important;
-    width: auto !important;
-    max-width: none !important;
-    min-height: calc(100vh - var(--eos-content-top) - 12px) !important;
-    border-radius: 24px !important;
-}
-html.eos-app main,
-html.eos-app [role="main"] {
-    margin-left: 0 !important;
-    width: auto !important;
-    max-width: none !important;
-}
-
-/* Content toolbar: use the full width and keep adapter stats readable. */
-html.eos-route-adapters #app-paper > div:first-child,
-html.eos-route-intro #app-paper > div:first-child,
-html.eos-route-instances #app-paper > div:first-child {
-    border-radius: 18px !important;
-    background: rgba(8,25,41,.70) !important;
-}
-
-/* Adapter info overlay after three-dot click: readable EOS card, no pale layer. */
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] {
-    inset: 10px !important;
-    border-radius: 18px !important;
-    background: linear-gradient(180deg, rgba(2,12,22,.96), rgba(6,23,38,.96)) !important;
-    border: 1px solid rgba(0,255,136,.32) !important;
-    box-shadow: 0 18px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
-    color: #eef7ff !important;
-    overflow: hidden !important;
-}
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"]::before,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"]::before {
-    content: 'Modulbeschreibung' !important;
-    display: block !important;
-    padding: 10px 44px 8px 14px !important;
-    color: var(--eos-accent) !important;
-    font-size: 11px !important;
-    font-weight: 950 !important;
-    letter-spacing: .09em !important;
-    text-transform: uppercase !important;
-    background: rgba(0,255,136,.08) !important;
-    border-bottom: 1px solid rgba(0,255,136,.20) !important;
-}
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiTypography-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiTypography-root {
-    color: rgba(238,247,255,.96) !important;
-    font-size: 13px !important;
-    line-height: 1.44 !important;
-    font-weight: 550 !important;
-    text-align: left !important;
-    text-shadow: none !important;
-    white-space: normal !important;
-    word-break: normal !important;
-    overflow-wrap: anywhere !important;
-}
-
-/* Services list refined to fit EOS surface. */
-html.eos-route-instances #app-paper {
-    background:
-        radial-gradient(circle at 88% 10%, rgba(0,212,255,.08), transparent 30%),
-        linear-gradient(180deg, rgba(8,25,41,.82), rgba(3,12,23,.86)) !important;
-    border-color: rgba(0,255,136,.22) !important;
-}
-html.eos-route-instances #app-paper .MuiTableRow-root,
-html.eos-route-instances #app-paper [role="row"],
-html.eos-route-instances #app-paper .MuiAccordionSummary-root {
-    border-radius: 15px !important;
-    background: linear-gradient(90deg, rgba(0,255,136,.09), rgba(0,212,255,.04)) !important;
-    border: 1px solid rgba(123,204,255,.14) !important;
-    overflow: hidden !important;
-}
-html.eos-route-instances #app-paper .MuiTableRow-root:hover,
-html.eos-route-instances #app-paper [role="row"]:hover,
-html.eos-route-instances #app-paper .MuiAccordionSummary-root:hover {
-    background: linear-gradient(90deg, rgba(0,255,136,.16), rgba(0,212,255,.07)) !important;
-    border-color: rgba(0,255,136,.28) !important;
-}
-
-@media (max-width: 1220px) {
-    :root { --eos-page-x: 10px; --eos-logout-width: 52px; --eos-header-height: 64px; --eos-nav-height: 68px; }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-    html.eos-app .eos-top-toolbar { padding-right: calc(var(--eos-logout-width) + 24px) !important; }
-    html.eos-app .eos-brand-badge { min-width: 58px !important; padding: 6px 9px !important; }
-    .eos-brand-badge-copy, html.eos-app .eos-brand-led { display: none !important; }
-    .eos-direct-logout span:not(.eos-direct-logout-dot) { display: none !important; }
-    html.eos-app .eos-native-drawer-header { flex-basis: 70px !important; width: 70px !important; }
-    html.eos-app .eos-native-drawer-header > div:first-child { grid-template-columns: 52px 0 0 !important; padding: 5px 7px !important; }
-    html.eos-app .eos-native-title { display: none !important; }
-}
-
-@media (max-width: 780px) {
-    :root { --eos-page-x: 8px; --eos-shell-top: 8px; --eos-header-height: 58px; --eos-nav-height: 64px; --eos-nav-gap: 8px; }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root { border-radius: 18px !important; }
-    html.eos-app .MuiDrawer-paper, html.eos-app .eos-drawer { border-radius: 18px !important; padding: 6px 8px !important; }
-    html.eos-app .MuiDrawer-paper .MuiListItemButton-root,
-    html.eos-app .MuiDrawer-paper .MuiButtonBase-root.MuiListItemButton-root { height: 48px !important; min-height: 48px !important; padding: 0 12px !important; }
-    html.eos-app .MuiDrawer-paper .MuiTypography-root,
-    html.eos-app .MuiDrawer-paper .MuiListItemText-root span { font-size: 13px !important; }
-    html.eos-app #app-paper { border-radius: 18px !important; }
-}
-
-@media (max-width: 560px) {
-    :root { --eos-header-height: 56px; --eos-nav-height: 60px; }
-    html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-    html.eos-app .eos-top-toolbar { padding-left: 8px !important; padding-right: 54px !important; gap: 5px !important; }
-    html.eos-app .eos-native-drawer-header { flex-basis: 56px !important; width: 56px !important; }
-    html.eos-app .eos-native-drawer-header a { width: 44px !important; height: 44px !important; min-width: 44px !important; }
-    html.eos-app .eos-native-drawer-header img,
-    html.eos-app .eos-native-drawer-header .MuiAvatar-root,
-    html.eos-app .eos-native-drawer-header .MuiAvatar-img { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
-    .eos-direct-logout { right: 14px !important; }
-}
-
-/* === NexoWatt EOS v12: clean nav collapse + stronger header logo ===========
-   Keep the accepted v11 horizontal navigation layout. Requested change:
-   remove the duplicate logo/text tile from the horizontal rail and leave only
-   the collapse arrow; make the real NexoWatt EOS logo in the header visible. */
-html.eos-app .eos-brand-badge {
-    min-height: 58px !important;
-    min-width: 272px !important;
-    padding: 6px 16px 6px 8px !important;
-    gap: 12px !important;
-    border-radius: 20px !important;
-    background:
-        radial-gradient(circle at 28px 50%, rgba(0, 255, 136, 0.17), transparent 42%),
-        linear-gradient(135deg, rgba(2, 9, 20, 0.88), rgba(0, 255, 136, 0.10)) !important;
-    border-color: rgba(0, 255, 136, 0.52) !important;
-    box-shadow:
-        inset 0 1px 0 rgba(255, 255, 255, 0.09),
-        0 12px 28px rgba(0, 0, 0, 0.26),
-        0 0 24px rgba(0, 255, 136, 0.12) !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    width: 54px !important;
-    height: 54px !important;
-    min-width: 54px !important;
-    min-height: 54px !important;
-    padding: 5px !important;
-    box-sizing: border-box !important;
-    object-fit: contain !important;
-    opacity: 1 !important;
-    border-radius: 18px !important;
-    background:
-        radial-gradient(circle at 50% 48%, rgba(0, 255, 136, 0.22), rgba(2, 9, 20, 0.98) 70%) !important;
-    border: 1px solid rgba(0, 255, 136, 0.52) !important;
-    box-shadow:
-        inset 0 0 18px rgba(0, 255, 136, 0.15),
-        0 0 18px rgba(0, 255, 136, 0.34),
-        0 0 34px rgba(0, 212, 255, 0.12) !important;
-    filter:
-        brightness(1.35)
-        saturate(1.35)
-        drop-shadow(0 0 2px rgba(240, 255, 252, 0.60))
-        drop-shadow(0 0 12px rgba(0, 255, 136, 0.54)) !important;
-}
-
-html.eos-app .eos-brand-badge-copy strong {
-    font-size: 14px !important;
-    line-height: 1.04 !important;
-}
-
-html.eos-app .eos-brand-badge-copy small {
-    font-size: 8.2px !important;
-    line-height: 1.05 !important;
-    letter-spacing: 0.065em !important;
-}
-
-/* The first element in the horizontal rail is the native drawer header. In the
-   EOS layout it must not show a second logo/card. Only the collapse arrow stays. */
-html.eos-app .eos-native-drawer-header {
-    flex: 0 0 54px !important;
-    width: 54px !important;
-    min-width: 54px !important;
-    max-width: 54px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    max-height: 56px !important;
-    padding: 0 !important;
-    margin: 0 4px 0 0 !important;
-    border: 0 !important;
-    border-radius: 18px !important;
-    background: transparent !important;
-    box-shadow: none !important;
-    overflow: visible !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    grid-template-columns: none !important;
-    gap: 0 !important;
-    width: 54px !important;
-    min-width: 54px !important;
-    max-width: 54px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    max-height: 56px !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    background: transparent !important;
-    border: 0 !important;
-    box-shadow: none !important;
-    overflow: visible !important;
-}
-
-html.eos-app .eos-native-drawer-header a,
-html.eos-app .eos-native-drawer-header img,
-html.eos-app .eos-native-drawer-header .MuiAvatar-root,
-html.eos-app .eos-native-drawer-header .MuiAvatar-img,
-html.eos-app .eos-native-drawer-header .eos-native-title {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    width: 0 !important;
-    min-width: 0 !important;
-    max-width: 0 !important;
-    height: 0 !important;
-    min-height: 0 !important;
-    max-height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    pointer-events: none !important;
-}
-
-html.eos-app .eos-native-drawer-header button,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root,
-html.eos-app .eos-native-drawer-header [role="button"] {
-    position: static !important;
-    display: inline-flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    width: 44px !important;
-    height: 44px !important;
-    min-width: 44px !important;
-    min-height: 44px !important;
-    max-width: 44px !important;
-    max-height: 44px !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    border-radius: 16px !important;
-    color: var(--eos-text) !important;
-    border: 1px solid rgba(0, 255, 136, 0.36) !important;
-    background: linear-gradient(135deg, rgba(0, 255, 136, 0.15), rgba(0, 212, 255, 0.08)) !important;
-    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.22), 0 0 14px rgba(0, 255, 136, 0.10) !important;
-    transform: none !important;
-    pointer-events: auto !important;
-}
-
-html.eos-app .eos-native-drawer-header button:hover,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root:hover,
-html.eos-app .eos-native-drawer-header [role="button"]:hover {
-    border-color: rgba(0, 255, 136, 0.62) !important;
-    background: linear-gradient(135deg, rgba(0, 255, 136, 0.24), rgba(0, 212, 255, 0.13)) !important;
-}
-
-html.eos-app .eos-native-drawer-header button svg,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root svg,
-html.eos-app .eos-native-drawer-header [role="button"] svg {
-    width: 24px !important;
-    height: 24px !important;
-    color: var(--eos-text) !important;
-}
-
-@media (max-width: 1220px) {
-    html.eos-app .eos-brand-badge {
-        min-width: 64px !important;
-        width: 64px !important;
-        padding: 5px !important;
-        justify-content: center !important;
-    }
-    html.eos-app .eos-brand-badge-copy,
-    html.eos-app .eos-brand-led {
-        display: none !important;
-    }
-    html.eos-app .eos-brand-badge-logo {
-        width: 50px !important;
-        height: 50px !important;
-        min-width: 50px !important;
-        min-height: 50px !important;
-        padding: 5px !important;
-    }
-    html.eos-app .eos-native-drawer-header,
-    html.eos-app .eos-native-drawer-header > div:first-child {
-        flex-basis: 52px !important;
-        width: 52px !important;
-        min-width: 52px !important;
-        max-width: 52px !important;
-    }
-}
-
-@media (max-width: 560px) {
-    html.eos-app .eos-brand-badge {
-        min-width: 56px !important;
-        width: 56px !important;
-        padding: 4px !important;
-    }
-    html.eos-app .eos-brand-badge-logo {
-        width: 46px !important;
-        height: 46px !important;
-        min-width: 46px !important;
-        min-height: 46px !important;
-        padding: 4px !important;
-    }
-    html.eos-app .eos-native-drawer-header,
-    html.eos-app .eos-native-drawer-header > div:first-child {
-        width: 48px !important;
-        min-width: 48px !important;
-        max-width: 48px !important;
-        height: 52px !important;
-        min-height: 52px !important;
-        max-height: 52px !important;
-    }
-    html.eos-app .eos-native-drawer-header button,
-    html.eos-app .eos-native-drawer-header .MuiIconButton-root,
-    html.eos-app .eos-native-drawer-header [role="button"] {
-        width: 40px !important;
-        height: 40px !important;
-        min-width: 40px !important;
-        min-height: 40px !important;
-    }
-}
-
-
-
-/* === NexoWatt EOS v13: settings surfaces + remove broken logout ==========
-   Keep the accepted v11/v12 shell. The custom logout button is removed and the
-   system/base settings dialog receives clear EOS form surfaces. */
-:root {
-    --eos-logout-width: 0px;
-}
-
-.eos-direct-logout,
-html.eos-app .eos-direct-logout,
-html.eos-login .eos-direct-logout,
-body .eos-direct-logout {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    width: 0 !important;
-    min-width: 0 !important;
-    max-width: 0 !important;
-    height: 0 !important;
-    min-height: 0 !important;
-    max-height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    pointer-events: none !important;
-}
-
-html.eos-app #root > .MuiPaper-root > .MuiAppBar-root .MuiToolbar-root,
-html.eos-app .eos-top-toolbar {
-    padding-right: 18px !important;
-}
-
-/* System/base settings dialog shell */
-html.eos-app .eos-settings-dialog,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"],
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"],
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) {
-    border-radius: 26px !important;
-    border: 1px solid rgba(0, 255, 136, 0.34) !important;
-    background:
-        radial-gradient(circle at 82% 12%, rgba(0, 212, 255, 0.11), transparent 32%),
-        radial-gradient(circle at 14% 10%, rgba(0, 255, 136, 0.13), transparent 34%),
-        linear-gradient(180deg, rgba(8, 25, 40, 0.97), rgba(4, 13, 24, 0.98)) !important;
-    box-shadow:
-        0 26px 74px rgba(0, 0, 0, 0.52),
-        inset 0 1px 0 rgba(255, 255, 255, 0.08),
-        0 0 34px rgba(0, 255, 136, 0.10) !important;
-    overflow: hidden !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiDialogContent-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root {
-    padding: 18px 22px 20px !important;
-    background:
-        linear-gradient(115deg, rgba(0, 255, 136, 0.028) 0 1px, transparent 1px 24px),
-        linear-gradient(180deg, rgba(10, 34, 52, 0.74), rgba(5, 17, 31, 0.82)) !important;
-    color: var(--eos-text) !important;
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 255, 136, .72) rgba(3, 15, 26, .55);
-}
-
-html.eos-app .eos-settings-dialog .MuiDialogContent-root::-webkit-scrollbar,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root::-webkit-scrollbar {
-    width: 8px;
-}
-
-html.eos-app .eos-settings-dialog .MuiDialogContent-root::-webkit-scrollbar-track,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar-track,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar-track,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root::-webkit-scrollbar-track {
-    background: rgba(3, 15, 26, .55);
-    border-radius: 999px;
-}
-
-html.eos-app .eos-settings-dialog .MuiDialogContent-root::-webkit-scrollbar-thumb,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar-thumb,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root::-webkit-scrollbar-thumb,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root::-webkit-scrollbar-thumb {
-    background: linear-gradient(180deg, var(--eos-accent), var(--eos-accent-2));
-    border-radius: 999px;
-}
-
-/* Dialog header/tabs */
-html.eos-app .eos-settings-dialog .MuiDialogContent-root > .MuiAppBar-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root > .MuiAppBar-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root > .MuiAppBar-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root > .MuiAppBar-root {
-    position: sticky !important;
-    top: 0 !important;
-    z-index: 4 !important;
-    margin: -18px -22px 18px !important;
-    padding: 8px 12px !important;
-    border-radius: 0 0 22px 22px !important;
-    border: 0 !important;
-    border-bottom: 1px solid rgba(0, 255, 136, 0.30) !important;
-    background:
-        radial-gradient(circle at 10% 50%, rgba(0, 255, 136, 0.16), transparent 34%),
-        linear-gradient(135deg, rgba(4, 24, 36, 0.98), rgba(2, 9, 20, 0.96)) !important;
-    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26) !important;
-}
-
-html.eos-app .eos-settings-dialog .dialogName,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .dialogName,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .dialogName,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .dialogName,
-html.eos-app .eos-settings-dialog #base-settings-dialog-title {
-    font-size: 18px !important;
-    font-weight: 900 !important;
-    color: #f2fbff !important;
-    letter-spacing: -0.02em !important;
-    padding: 0 10px !important;
-    white-space: nowrap !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiTabs-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTabs-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTabs-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTabs-root {
-    min-height: 48px !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiTabs-flexContainer,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTabs-flexContainer,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTabs-flexContainer,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTabs-flexContainer {
-    gap: 8px !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiTab-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTab-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTab-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTab-root {
-    min-height: 42px !important;
-    padding: 0 16px !important;
-    border-radius: 15px !important;
-    color: rgba(238, 247, 255, 0.78) !important;
-    font-weight: 800 !important;
-    border: 1px solid rgba(123, 204, 255, 0.14) !important;
-    background: rgba(2, 12, 22, 0.34) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiTab-root.Mui-selected,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTab-root.Mui-selected,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTab-root.Mui-selected,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTab-root.Mui-selected {
-    color: #06111f !important;
-    background: linear-gradient(135deg, var(--eos-accent), var(--eos-accent-2)) !important;
-    border-color: rgba(0, 255, 136, 0.54) !important;
-    box-shadow: 0 0 22px rgba(0, 255, 136, 0.16) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiTabs-indicator,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTabs-indicator,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTabs-indicator,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTabs-indicator {
-    display: none !important;
-}
-
-/* Form field cards: make standard MUI inputs look like EOS controls. */
-html.eos-app .eos-settings-dialog .MuiFormControl-root:has(> .MuiInputBase-root),
-html.eos-app .eos-settings-dialog .MuiTextField-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiFormControl-root:has(> .MuiInputBase-root),
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiTextField-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiFormControl-root:has(> .MuiInputBase-root),
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiTextField-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiFormControl-root:has(> .MuiInputBase-root),
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiTextField-root {
-    width: 100% !important;
-    min-width: 0 !important;
-    box-sizing: border-box !important;
-    padding: 9px 12px 11px !important;
-    border-radius: 17px !important;
-    border: 1px solid rgba(123, 204, 255, 0.20) !important;
-    background:
-        radial-gradient(circle at 96% 18%, rgba(0, 212, 255, 0.10), transparent 34%),
-        linear-gradient(180deg, rgba(7, 24, 39, 0.86), rgba(3, 14, 26, 0.88)) !important;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 22px rgba(0, 0, 0, 0.14) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiFormControl-root .MuiTextField-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiFormControl-root .MuiTextField-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiFormControl-root .MuiTextField-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiFormControl-root .MuiTextField-root {
-    padding: 0 !important;
-    border: 0 !important;
-    background: transparent !important;
-    box-shadow: none !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiInputLabel-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInputLabel-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInputLabel-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInputLabel-root {
-    position: relative !important;
-    transform: none !important;
-    display: block !important;
-    margin: 0 0 6px !important;
-    max-width: none !important;
-    color: rgba(222, 238, 255, 0.72) !important;
-    font-size: 12px !important;
-    line-height: 1.15 !important;
-    font-weight: 800 !important;
-    letter-spacing: 0.015em !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiInputBase-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInputBase-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInputBase-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInputBase-root {
-    min-height: 42px !important;
-    width: 100% !important;
-    margin-top: 0 !important;
-    padding: 0 12px !important;
-    border-radius: 13px !important;
-    border: 1px solid rgba(0, 255, 136, 0.22) !important;
-    background: rgba(2, 10, 19, 0.78) !important;
-    color: #f3fbff !important;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiInputBase-root:hover,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInputBase-root:hover,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInputBase-root:hover,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInputBase-root:hover {
-    border-color: rgba(0, 255, 136, 0.36) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiInput-root::before,
-html.eos-app .eos-settings-dialog .MuiInput-root::after,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInput-root::before,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInput-root::after,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInput-root::before,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInput-root::after,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInput-root::before,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInput-root::after {
-    display: none !important;
-    border-bottom: 0 !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiInputBase-input,
-html.eos-app .eos-settings-dialog .MuiSelect-select,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiInputBase-input,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiSelect-select,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiInputBase-input,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiSelect-select,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiInputBase-input,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiSelect-select {
-    padding: 10px 0 !important;
-    color: #f4fbff !important;
-    background: transparent !important;
-    font-size: 14px !important;
-    font-weight: 650 !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiFormHelperText-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiFormHelperText-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiFormHelperText-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiFormHelperText-root {
-    margin: 7px 2px 0 !important;
-    color: rgba(222, 238, 255, 0.62) !important;
-    font-size: 11px !important;
-    line-height: 1.35 !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiIconButton-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiIconButton-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiIconButton-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiIconButton-root {
-    color: rgba(238, 247, 255, 0.86) !important;
-}
-
-/* Map and lower location controls */
-html.eos-app .eos-settings-dialog .leaflet-container,
-html.eos-app .eos-settings-dialog .eos-settings-map,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .leaflet-container,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .leaflet-container,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .leaflet-container {
-    min-height: 350px !important;
-    border-radius: 22px !important;
-    border: 1px solid rgba(0, 255, 136, 0.30) !important;
-    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28), 0 0 22px rgba(0, 255, 136, 0.08) !important;
-    overflow: hidden !important;
-}
-
-html.eos-app .eos-settings-dialog .leaflet-control-zoom a,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .leaflet-control-zoom a,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .leaflet-control-zoom a,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .leaflet-control-zoom a {
-    background: rgba(5, 18, 31, 0.92) !important;
-    color: #f3fbff !important;
-    border-color: rgba(0, 255, 136, 0.24) !important;
-}
-
-/* Dialog action bar */
-html.eos-app .eos-settings-dialog .MuiDialogActions-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogActions-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogActions-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogActions-root {
-    padding: 14px 20px !important;
-    gap: 10px !important;
-    border-top: 1px solid rgba(0, 255, 136, 0.22) !important;
-    background: linear-gradient(180deg, rgba(5, 18, 31, 0.90), rgba(2, 9, 20, 0.96)) !important;
-}
-
-html.eos-app .eos-settings-dialog .MuiDialogActions-root .MuiButton-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogActions-root .MuiButton-root,
-html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogActions-root .MuiButton-root,
-html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogActions-root .MuiButton-root {
-    min-height: 42px !important;
-    border-radius: 14px !important;
-    padding: 0 18px !important;
-    font-weight: 900 !important;
-    letter-spacing: 0.02em !important;
-}
-
-@media (max-width: 920px) {
-    html.eos-app .eos-settings-dialog .MuiDialogContent-root,
-    html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root,
-    html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root,
-    html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root {
-        padding: 14px !important;
-    }
-
-    html.eos-app .eos-settings-dialog .MuiDialogContent-root > .MuiAppBar-root,
-    html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .MuiDialogContent-root > .MuiAppBar-root,
-    html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .MuiDialogContent-root > .MuiAppBar-root,
-    html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .MuiDialogContent-root > .MuiAppBar-root {
-        margin: -14px -14px 14px !important;
-    }
-
-    html.eos-app .eos-settings-dialog .leaflet-container,
-    html.eos-app .MuiDialog-paper[aria-labelledby="system-settings-dialog-title"] .leaflet-container,
-    html.eos-app .MuiDialog-paper[aria-labelledby="base-settings-dialog-title"] .leaflet-container,
-    html.eos-app .MuiDialog-paper:has(#base-settings-dialog-title) .leaflet-container {
-        min-height: 260px !important;
-    }
-}
-
-
-/* === NexoWatt EOS v14: header logo visibility + nav overlap cleanup ======
-   Basis bleibt v13. Korrektur: Header-Logo deutlich sichtbar, Collapse-Pfeil
-   als eigener kleiner Slot vor der Navigation, kein Überlappen mit Cockpit,
-   und keine sichtbare Abmelden-Kachel mehr. */
-html.eos-app .eos-brand-badge {
-    display: grid !important;
-    grid-template-columns: 66px minmax(155px, 1fr) 10px !important;
-    align-items: center !important;
-    min-width: 292px !important;
-    width: 292px !important;
-    height: 58px !important;
-    min-height: 58px !important;
-    padding: 5px 14px 5px 6px !important;
-    column-gap: 12px !important;
-    overflow: visible !important;
-    isolation: isolate !important;
-}
-
-html.eos-app .eos-brand-badge-mark {
-    position: relative !important;
-    display: grid !important;
-    place-items: center !important;
-    width: 58px !important;
-    height: 58px !important;
-    min-width: 58px !important;
-    border-radius: 20px !important;
-    background:
-        radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.18), rgba(2, 9, 20, 0.98) 72%) !important;
-    border: 1px solid rgba(0, 255, 136, 0.62) !important;
-    box-shadow:
-        inset 0 0 18px rgba(0, 255, 136, 0.12),
-        0 0 0 1px rgba(255, 255, 255, 0.04),
-        0 0 18px rgba(0, 255, 136, 0.38),
-        0 0 34px rgba(0, 212, 255, 0.12) !important;
-    z-index: 2 !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    width: 50px !important;
-    height: 50px !important;
-    min-width: 50px !important;
-    min-height: 50px !important;
-    padding: 0 !important;
-    border: 0 !important;
-    background: transparent !important;
-    border-radius: 0 !important;
-    object-fit: contain !important;
-    opacity: 1 !important;
-    mix-blend-mode: normal !important;
-    filter:
-        brightness(1.85)
-        contrast(1.08)
-        saturate(1.35)
-        drop-shadow(0 0 1px rgba(240, 255, 252, 0.70))
-        drop-shadow(0 0 10px rgba(0, 255, 136, 0.58)) !important;
-}
-
-html.eos-app .eos-brand-badge-copy {
-    min-width: 0 !important;
-    overflow: hidden !important;
-    z-index: 2 !important;
-}
-
-html.eos-app .eos-brand-badge-copy strong,
-html.eos-app .eos-brand-badge-copy small {
-    display: block !important;
-    max-width: 100% !important;
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-}
-
-/* Collapse slot in the horizontal nav: separate from Cockpit, no logo/text. */
-html.eos-app .eos-native-drawer-header {
-    position: relative !important;
-    top: auto !important;
-    left: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    z-index: 1 !important;
-    order: 0 !important;
-    flex: 0 0 58px !important;
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    max-height: 56px !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    margin: 0 8px 0 0 !important;
-    padding: 0 !important;
-    overflow: visible !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    position: relative !important;
-    inset: auto !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    max-height: 56px !important;
-    overflow: visible !important;
-}
-
-html.eos-app .eos-native-drawer-header button,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root,
-html.eos-app .eos-native-drawer-header [role="button"] {
-    position: relative !important;
-    inset: auto !important;
-    left: auto !important;
-    right: auto !important;
-    top: auto !important;
-    bottom: auto !important;
-    z-index: 3 !important;
-    flex: 0 0 46px !important;
-    width: 46px !important;
-    height: 46px !important;
-    min-width: 46px !important;
-    min-height: 46px !important;
-    transform: none !important;
-}
-
-html.eos-app .eos-scroll-nav,
-html.eos-app .MuiDrawer-paper .MuiList-root {
-    order: 1 !important;
-    margin-left: 0 !important;
-    padding-left: 0 !important;
-}
-
-html.eos-app .eos-scroll-nav > .MuiListItem-root:first-child,
-html.eos-app .eos-scroll-nav > li:first-child {
-    margin-left: 0 !important;
-}
-
-/* Remove the broken visible logout entry from the horizontal rail. */
-html.eos-app .eos-hidden-logout,
-html.eos-app .eos-hidden-logout * {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-}
-
-@media (max-width: 1220px) {
-    html.eos-app .eos-brand-badge {
-        min-width: 72px !important;
-        width: 72px !important;
-        grid-template-columns: 1fr !important;
-        justify-items: center !important;
-        padding: 5px !important;
-    }
-    html.eos-app .eos-brand-badge-mark {
-        width: 58px !important;
-        height: 58px !important;
-        min-width: 58px !important;
-    }
-    html.eos-app .eos-brand-badge-logo {
-        width: 50px !important;
-        height: 50px !important;
-        min-width: 50px !important;
-        min-height: 50px !important;
-    }
-}
-
-/* v23: NexoWatt is the official EOS repository, so the upstream custom-repo warning is hidden. */
-.eos-hidden-nexowatt-repo-warning {
-    display: none !important;
-}
-
-
-/* NexoWatt EOS security visibility */
-.eos-hidden-legacy-admin {
-    display: none !important;
-}
-
-.eos-hide-legacy-admin-active [data-id="admin"],
-.eos-hide-legacy-admin-active [data-id="admin.0"],
-.eos-hide-legacy-admin-active [data-name="admin"] {
-    display: none !important;
-}
-
-/* v25: role-aware EOS security UI guard */
-html.eos-security-nonadmin .eos-hidden-legacy-admin {
-    display: none !important;
-}
-
-html.eos-security-nonadmin .eos-protected-adapter-row .eos-protected-delete-control,
-html.eos-security-nonadmin .eos-protected-delete-control {
-    opacity: 0.28 !important;
-    pointer-events: none !important;
-    filter: grayscale(1) !important;
-}
-
-html.eos-security-nonadmin .eos-protected-delete-dialog .eos-protected-delete-control {
-    display: none !important;
-}
-
-html.eos-security-nonadmin .eos-security-admin-only-field {
-    display: none !important;
-}
-
-.eos-security-restricted-note {
-    margin: 10px 0 18px !important;
-    padding: 14px 16px !important;
-    border-radius: 16px !important;
-    border: 1px solid rgba(45, 255, 182, 0.26) !important;
-    background: rgba(4, 18, 28, 0.78) !important;
-    color: rgba(232, 255, 248, 0.95) !important;
-    box-shadow: 0 0 22px rgba(0, 229, 168, 0.13) !important;
-    display: flex !important;
-    flex-direction: column !important;
-    gap: 4px !important;
-}
-
-.eos-security-restricted-note strong {
-    color: #53ffd0 !important;
-    font-weight: 800 !important;
-}
-
-.eos-security-restricted-note span {
-    color: rgba(219, 246, 240, 0.78) !important;
-    font-size: 0.9rem !important;
-}
-
-
-/* NexoWatt EOS v25 security visibility guard */
-.eos-security-hidden,
-.eos-security-hidden-delete {
-    display: none !important;
-}
-.eos-security-protected-adapter {
-    position: relative;
-}
-.eos-security-protected-adapter::after {
-    content: 'EOS geschützt';
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    z-index: 2;
-    font-size: 10px;
-    letter-spacing: .06em;
-    text-transform: uppercase;
-    padding: 3px 8px;
-    border-radius: 999px;
-    color: rgba(225, 255, 246, .88);
-    background: rgba(5, 22, 28, .72);
-    border: 1px solid rgba(55, 230, 180, .22);
-    pointer-events: none;
-}
-
-/* === NexoWatt EOS v26: Header identity polish =============================
-   Header-Logo links stärker sichtbar, leicht nach oben gesetzt und sauber vom
-   Text getrennt. Benutzername rechts wird kontrastreich/weiß dargestellt. */
-html.eos-app .eos-top-toolbar {
-    overflow: visible !important;
-}
-
-html.eos-app .eos-brand-badge {
-    grid-template-columns: 76px minmax(170px, 1fr) 12px !important;
-    min-width: 326px !important;
-    width: 326px !important;
-    height: 62px !important;
-    min-height: 62px !important;
-    padding: 3px 16px 3px 5px !important;
-    column-gap: 13px !important;
-    align-items: center !important;
-    transform: translateY(-2px) !important;
-    background:
-        radial-gradient(circle at 26px 31px, rgba(0, 255, 136, 0.30), transparent 35px),
-        linear-gradient(135deg, rgba(0, 255, 136, 0.18), rgba(0, 212, 255, 0.075) 58%, rgba(2, 9, 20, 0.45)) !important;
-    border-color: rgba(0, 255, 136, 0.55) !important;
-    box-shadow:
-        inset 0 1px 0 rgba(255, 255, 255, 0.10),
-        inset 0 0 24px rgba(0, 255, 136, 0.08),
-        0 10px 24px rgba(0, 0, 0, 0.28),
-        0 0 22px rgba(0, 255, 136, 0.18) !important;
-}
-
-html.eos-app .eos-brand-badge-mark {
-    width: 64px !important;
-    height: 64px !important;
-    min-width: 64px !important;
-    min-height: 64px !important;
-    margin-left: -1px !important;
-    transform: translateY(-3px) !important;
-    border-radius: 22px !important;
-    background:
-        radial-gradient(circle at 48% 46%, rgba(45, 255, 188, 0.20), rgba(0, 22, 22, 0.92) 63%, rgba(1, 9, 17, 0.98) 100%) !important;
-    border: 1px solid rgba(111, 255, 215, 0.76) !important;
-    box-shadow:
-        inset 0 0 22px rgba(0, 255, 136, 0.16),
-        0 0 0 1px rgba(255, 255, 255, 0.06),
-        0 0 20px rgba(0, 255, 136, 0.54),
-        0 0 38px rgba(0, 212, 255, 0.17) !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    width: 57px !important;
-    height: 57px !important;
-    min-width: 57px !important;
-    min-height: 57px !important;
-    opacity: 1 !important;
-    transform: translateY(-1px) !important;
-    filter:
-        brightness(2.18)
-        contrast(1.16)
-        saturate(1.42)
-        drop-shadow(0 0 1px rgba(245, 255, 252, 0.92))
-        drop-shadow(0 0 10px rgba(0, 255, 136, 0.78))
-        drop-shadow(0 0 20px rgba(0, 212, 255, 0.24)) !important;
-}
-
-html.eos-app .eos-brand-badge-copy {
-    padding-left: 1px !important;
-    min-width: 0 !important;
-}
-
-html.eos-app .eos-brand-badge-copy strong {
-    color: #ffffff !important;
-    font-size: 14px !important;
-    line-height: 1.0 !important;
-    text-shadow: 0 1px 0 rgba(0,0,0,.45), 0 0 10px rgba(0,255,136,.18) !important;
-}
-
-html.eos-app .eos-brand-badge-copy small {
-    color: rgba(239, 255, 250, 0.88) !important;
-    font-size: 7.9px !important;
-    line-height: 1.08 !important;
-    text-shadow: 0 1px 0 rgba(0,0,0,.42) !important;
-}
-
-html.eos-app .eos-brand-led {
-    background: #18ff9a !important;
-    box-shadow: 0 0 12px rgba(0,255,136,.95), 0 0 24px rgba(0,212,255,.18) !important;
-}
-
-/* Right account/user area in the native app bar: keep names readable. */
-html.eos-app .MuiAppBar-root .MuiToolbar-root,
-html.eos-app .eos-top-toolbar {
-    color: #f4fbff !important;
-}
-
-html.eos-app .eos-top-toolbar > :not(.eos-brand-badge),
-html.eos-app .eos-top-toolbar > :not(.eos-brand-badge) *,
-html.eos-app .MuiAppBar-root .MuiToolbar-root .MuiTypography-root,
-html.eos-app .MuiAppBar-root .MuiToolbar-root a,
-html.eos-app .MuiAppBar-root .MuiToolbar-root button,
-html.eos-app .MuiAppBar-root .MuiToolbar-root span:not(.eos-brand-led):not(.eos-brand-badge-mark) {
-    color: #f4fbff !important;
-    text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 9px rgba(0,255,136,.14) !important;
-}
-
-html.eos-app .MuiAppBar-root .MuiToolbar-root .MuiAvatar-root,
-html.eos-app .MuiAppBar-root .MuiToolbar-root img[alt*="admin" i],
-html.eos-app .MuiAppBar-root .MuiToolbar-root img[alt*="user" i] {
-    opacity: 1 !important;
-    filter: brightness(1.25) saturate(1.25) drop-shadow(0 0 10px rgba(0,255,136,.42)) !important;
-}
-
-@media (max-width: 1220px) {
-    html.eos-app .eos-brand-badge {
-        min-width: 80px !important;
-        width: 80px !important;
-        grid-template-columns: 1fr !important;
-        justify-items: center !important;
-        padding: 4px 7px !important;
-        transform: translateY(-1px) !important;
-    }
-
-    html.eos-app .eos-brand-badge-mark {
-        width: 64px !important;
-        height: 64px !important;
-        min-width: 64px !important;
-        min-height: 64px !important;
-    }
-
-    html.eos-app .eos-brand-badge-logo {
-        width: 57px !important;
-        height: 57px !important;
-        min-width: 57px !important;
-        min-height: 57px !important;
-    }
-
-    html.eos-app .eos-brand-badge-copy,
-    html.eos-app .eos-brand-led {
-        display: none !important;
-    }
-}
-
-@media (max-width: 720px) {
-    html.eos-app .eos-brand-badge {
-        min-width: 64px !important;
-        width: 64px !important;
-        height: 56px !important;
-        min-height: 56px !important;
-    }
-
-    html.eos-app .eos-brand-badge-mark {
-        width: 52px !important;
-        height: 52px !important;
-        min-width: 52px !important;
-        min-height: 52px !important;
-        transform: translateY(-1px) !important;
-    }
-
-    html.eos-app .eos-brand-badge-logo {
-        width: 47px !important;
-        height: 47px !important;
-        min-width: 47px !important;
-        min-height: 47px !important;
-    }
-}
-
-
-/* === NexoWatt EOS v27: logo contrast, compact nav, EOS Assist ============
-   Der Pfeil ist kein Voll-Schließen mehr: er schaltet nur zwischen normaler
-   und kompakter Navigationsstufe um. Das Logo bekommt einen schwarzen Grund,
-   damit das NexoWatt-Zeichen sauberer und hochwertiger wirkt. */
-html.eos-app .eos-brand-badge {
-    grid-template-columns: 78px minmax(170px, 1fr) 12px !important;
-    padding-left: 6px !important;
-    background:
-        radial-gradient(circle at 38px 29px, rgba(0, 255, 136, 0.18), transparent 44px),
-        linear-gradient(135deg, rgba(4, 18, 26, 0.98), rgba(0, 7, 12, 0.84) 52%, rgba(0, 32, 26, 0.50)) !important;
-}
-
-html.eos-app .eos-brand-badge-mark {
-    background:
-        radial-gradient(circle at 50% 44%, rgba(0, 255, 136, 0.16), rgba(0, 0, 0, 0.96) 58%, #000000 100%) !important;
-    border-color: rgba(126, 255, 216, 0.84) !important;
-    box-shadow:
-        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
-        inset 0 0 20px rgba(0, 255, 136, 0.18),
-        0 0 0 1px rgba(0, 0, 0, 0.55),
-        0 0 20px rgba(0, 255, 136, 0.62),
-        0 0 40px rgba(0, 212, 255, 0.20) !important;
-    transform: translateY(-5px) !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    filter:
-        brightness(2.35)
-        contrast(1.22)
-        saturate(1.48)
-        drop-shadow(0 0 1px rgba(255, 255, 255, 0.95))
-        drop-shadow(0 0 11px rgba(0, 255, 136, 0.82))
-        drop-shadow(0 0 22px rgba(0, 212, 255, 0.28)) !important;
-}
-
-/* Drawer/rail stays visible. The native arrow becomes a compact-mode toggle. */
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    transform: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    display: flex !important;
-    padding-left: 86px !important;
-}
-
-html.eos-app .eos-native-drawer-header {
-    position: absolute !important;
-    left: 12px !important;
-    top: 8px !important;
-    flex: 0 0 58px !important;
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    height: 56px !important;
-    min-height: 56px !important;
-    margin: 0 !important;
-    z-index: 4 !important;
-    background: rgba(0, 0, 0, 0.38) !important;
-    border-color: rgba(0, 255, 136, 0.38) !important;
-    box-shadow: inset 0 0 16px rgba(0, 255, 136, 0.10), 0 0 20px rgba(0, 255, 136, 0.10) !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    padding: 4px 6px !important;
-}
-
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle {
-    width: 46px !important;
-    height: 46px !important;
-    min-width: 46px !important;
-    min-height: 46px !important;
-    border-radius: 16px !important;
-    background:
-        radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.18), rgba(0, 0, 0, 0.72)) !important;
-    border: 1px solid rgba(0, 255, 136, 0.44) !important;
-    box-shadow: 0 0 16px rgba(0, 255, 136, 0.18) !important;
-}
-
-html.eos-app.eos-nav-compact .eos-native-drawer-header .eos-nav-compact-toggle svg,
-html.eos-app.eos-nav-compact .eos-native-drawer-header button.eos-nav-compact-toggle svg {
-    transform: rotate(180deg) !important;
-}
-
-html.eos-app .eos-scroll-nav,
-html.eos-app .MuiDrawer-paper .MuiList-root {
-    margin-left: 0 !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiListItemButton-root,
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiButtonBase-root.MuiListItemButton-root {
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    padding: 0 !important;
-    justify-content: center !important;
-    gap: 0 !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiListItemText-root,
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiListItemButton-root .MuiTypography-root,
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiButtonBase-root.MuiListItemButton-root .MuiTypography-root {
-    display: none !important;
-    max-width: 0 !important;
-    opacity: 0 !important;
-    overflow: hidden !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiListItemIcon-root {
-    min-width: 0 !important;
-    margin: 0 !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper .MuiBadge-root .MuiBadge-badge {
-    transform: scale(0.88) translate(42%, -42%) !important;
-}
-
-/* EOS Assist: leichte Bedienhilfe als Vorbereitung für eine spätere echte KI. */
-.eos-assist-root {
-    position: fixed !important;
-    right: 26px !important;
-    bottom: 24px !important;
-    z-index: 1700 !important;
-    font-family: inherit !important;
-}
-
-.eos-assist-button {
-    display: grid !important;
-    grid-template-columns: 12px auto !important;
-    grid-template-rows: auto auto !important;
-    column-gap: 8px !important;
-    align-items: center !important;
-    min-width: 156px !important;
-    padding: 10px 14px !important;
-    border-radius: 18px !important;
-    border: 1px solid rgba(0, 255, 136, 0.44) !important;
-    background: linear-gradient(135deg, rgba(0, 255, 136, 0.19), rgba(0, 212, 255, 0.10) 62%, rgba(0, 0, 0, 0.64)) !important;
-    color: #f3fffb !important;
-    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38), 0 0 24px rgba(0, 255, 136, 0.18) !important;
-    cursor: pointer !important;
-}
-
-.eos-assist-button strong { grid-column: 2; font-weight: 900; font-size: 13px; line-height: 1; }
-.eos-assist-button small { grid-column: 2; color: rgba(226, 255, 247, .72); font-size: 10px; line-height: 1.1; }
-.eos-assist-dot { grid-row: 1 / span 2; width: 10px; height: 10px; border-radius: 999px; background: #16ff98; box-shadow: 0 0 12px rgba(0, 255, 136, .9); }
-
-.eos-assist-panel {
-    position: absolute !important;
-    right: 0 !important;
-    bottom: calc(100% + 12px) !important;
-    width: min(420px, calc(100vw - 36px)) !important;
-    padding: 16px !important;
-    border-radius: 22px !important;
-    border: 1px solid rgba(0, 255, 136, 0.32) !important;
-    background:
-        radial-gradient(circle at 18% 0%, rgba(0, 255, 136, .12), transparent 44%),
-        linear-gradient(180deg, rgba(8, 29, 44, 0.98), rgba(2, 9, 20, 0.98)) !important;
-    color: #f3fffb !important;
-    box-shadow: 0 24px 60px rgba(0,0,0,.52), 0 0 26px rgba(0,255,136,.13) !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-    transform: translateY(10px) scale(.98) !important;
-    transition: opacity .16s ease, transform .16s ease !important;
-}
-
-.eos-assist-root.eos-assist-open .eos-assist-panel {
-    opacity: 1 !important;
-    pointer-events: auto !important;
-    transform: translateY(0) scale(1) !important;
-}
-
-.eos-assist-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
-.eos-assist-head strong { display: block; font-size: 16px; font-weight: 950; margin-bottom: 5px; }
-.eos-assist-head span { display: block; color: rgba(226, 245, 255, .76); font-size: 12px; line-height: 1.35; }
-.eos-assist-close { width: 32px; height: 32px; border-radius: 12px; border: 1px solid rgba(0,255,136,.26); background: rgba(0,0,0,.34); color: #fff; cursor: pointer; }
-.eos-assist-steps { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
-.eos-assist-steps span { padding: 5px 9px; border-radius: 999px; background: rgba(0,255,136,.10); border: 1px solid rgba(0,255,136,.18); color: rgba(237,255,250,.90); font-size: 11px; font-weight: 750; }
-.eos-assist-input-label { display: block; color: rgba(226,245,255,.78); font-size: 11px; margin: 0 0 6px; font-weight: 750; }
-.eos-assist-input-row { display: flex; gap: 8px; }
-.eos-assist-input { flex: 1; min-width: 0; border-radius: 14px; border: 1px solid rgba(98,190,255,.28); background: rgba(0,7,13,.62); color: #f3fffb; padding: 10px 12px; outline: none; }
-.eos-assist-send { border: 0; border-radius: 14px; padding: 0 13px; background: linear-gradient(135deg, #00ff88, #00d4ff); color: #001019; font-weight: 900; cursor: pointer; }
-.eos-assist-answer { margin-top: 12px; padding: 12px 13px; border-radius: 16px; border: 1px solid rgba(0,212,255,.20); background: rgba(0,0,0,.28); color: rgba(238,255,250,.90); font-size: 12px; line-height: 1.42; }
-
-@media (max-width: 720px) {
-    html.eos-app .MuiDrawer-paper,
-    html.eos-app .eos-drawer { padding-left: 68px !important; }
-    html.eos-app .eos-native-drawer-header { left: 8px !important; width: 50px !important; min-width: 50px !important; max-width: 50px !important; }
-    html.eos-app .eos-native-drawer-header > div:first-child { width: 50px !important; min-width: 50px !important; max-width: 50px !important; }
-    html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-    html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; }
-    .eos-assist-root { right: 14px !important; bottom: 16px !important; }
-    .eos-assist-button { min-width: 54px !important; width: 54px !important; height: 54px !important; border-radius: 18px !important; grid-template-columns: 1fr !important; padding: 0 !important; place-items: center !important; }
-    .eos-assist-button strong, .eos-assist-button small { display: none !important; }
-    .eos-assist-dot { grid-column: 1; grid-row: 1; width: 14px; height: 14px; }
-}
-
-
-/* === NexoWatt EOS v30: final nav/assist/security polish ==================
-   Pfeil liegt weiter links in einem eigenen Slot, Menü klappt nur kompakt ein,
-   EOS Assist öffnet robust und EOS Sicherheit bleibt Nicht-Admins verborgen. */
-html.eos-app .eos-brand-badge-mark {
-    background:
-        radial-gradient(circle at 48% 45%, rgba(0, 255, 136, 0.14), rgba(0, 0, 0, 0.98) 54%, #000 100%) !important;
-    border-color: rgba(125, 255, 218, 0.88) !important;
-    box-shadow:
-        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
-        inset 0 0 24px rgba(0, 255, 136, 0.16),
-        0 0 0 2px rgba(0, 0, 0, 0.70),
-        0 0 24px rgba(0, 255, 136, 0.64),
-        0 0 46px rgba(0, 212, 255, 0.20) !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    background: #000 !important;
-    border-radius: 16px !important;
-    padding: 2px !important;
-}
-
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    padding-left: 128px !important;
-    transform: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-html.eos-app .eos-native-drawer-header {
-    left: 6px !important;
-    top: 7px !important;
-    width: 62px !important;
-    min-width: 62px !important;
-    max-width: 62px !important;
-    height: 58px !important;
-    min-height: 58px !important;
-    background: rgba(0, 0, 0, 0.58) !important;
-    border: 1px solid rgba(0, 255, 136, 0.42) !important;
-    border-radius: 18px !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    width: 62px !important;
-    min-width: 62px !important;
-    max-width: 62px !important;
-    height: 58px !important;
-    min-height: 58px !important;
-    padding: 4px 7px !important;
-}
-
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle {
-    width: 48px !important;
-    height: 48px !important;
-    min-width: 48px !important;
-    min-height: 48px !important;
-    border-radius: 17px !important;
-    background:
-        radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.20), rgba(0, 0, 0, 0.82)) !important;
-    border-color: rgba(89, 255, 199, 0.58) !important;
-    box-shadow: inset 0 0 16px rgba(0,255,136,.10), 0 0 18px rgba(0,255,136,.24) !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper,
-html.eos-app.eos-nav-compact .eos-drawer {
-    width: auto !important;
-    min-width: auto !important;
-    transform: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-.eos-assist-root,
-#eos-assist-root {
-    pointer-events: auto !important;
-}
-
-.eos-assist-button,
-.eos-assist-close,
-.eos-assist-send {
-    pointer-events: auto !important;
-    user-select: none !important;
-}
-
-.eos-assist-root.eos-assist-open .eos-assist-panel,
-html.eos-assist-open .eos-assist-root .eos-assist-panel,
-html.eos-assist-open #eos-assist-root .eos-assist-panel {
-    opacity: 1 !important;
-    pointer-events: auto !important;
-    transform: translateY(0) scale(1) !important;
-}
-
-.eos-assist-launcher {
-    display: none !important;
-}
-
-html.eos-security-non-admin-user .eos-security-admin-only-field,
-html.eos-security-nonadmin .eos-security-admin-only-field,
-.eos-security-hidden,
-.eos-security-hidden-delete {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-}
-
-@media (max-width: 720px) {
-    html.eos-app .MuiDrawer-paper,
-    html.eos-app .eos-drawer { padding-left: 92px !important; }
-    html.eos-app .eos-native-drawer-header { left: 6px !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; }
-    html.eos-app .eos-native-drawer-header > div:first-child { width: 52px !important; min-width: 52px !important; max-width: 52px !important; }
-}
-
-/* === NexoWatt EOS v30: nav-toggle position, assistant click layer, security visibility ===
-   Keeps v29 stable backend. Only UI polish: black logo field, compact arrow moved
-   further left with reserved spacing, EOS Assist click/focus layer and admin-only
-   EOS security configuration visibility. */
-:root {
-    --eos-nav-toggle-slot: 126px;
-}
-
-html.eos-app .eos-brand-badge-mark {
-    width: 58px !important;
-    height: 58px !important;
-    min-width: 58px !important;
-    display: grid !important;
-    place-items: center !important;
-    border-radius: 19px !important;
-    background:
-        radial-gradient(circle at 50% 46%, rgba(0, 255, 136, 0.22), rgba(0, 0, 0, 0.94) 62%, #000 100%) !important;
-    border: 1px solid rgba(126, 255, 216, 0.72) !important;
-    box-shadow:
-        inset 0 0 0 1px rgba(255, 255, 255, 0.04),
-        inset 0 0 24px rgba(0, 255, 136, 0.18),
-        0 0 0 1px rgba(0, 0, 0, 0.70),
-        0 0 24px rgba(0, 255, 136, 0.56),
-        0 0 42px rgba(0, 212, 255, 0.18) !important;
-    overflow: hidden !important;
-    transform: translateY(-3px) !important;
-}
-
-html.eos-app .eos-brand-badge-logo {
-    background: transparent !important;
-    border: 0 !important;
-    box-shadow: none !important;
-    width: 52px !important;
-    height: 52px !important;
-    min-width: 52px !important;
-    min-height: 52px !important;
-    padding: 4px !important;
-    filter:
-        brightness(2.35)
-        contrast(1.24)
-        saturate(1.50)
-        drop-shadow(0 0 1px rgba(255, 255, 255, 0.98))
-        drop-shadow(0 0 12px rgba(0, 255, 136, 0.82))
-        drop-shadow(0 0 24px rgba(0, 212, 255, 0.30)) !important;
-}
-
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    padding-left: var(--eos-nav-toggle-slot) !important;
-}
-
-html.eos-app .eos-native-drawer-header {
-    left: 6px !important;
-    top: 8px !important;
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-    z-index: 8 !important;
-}
-
-html.eos-app .eos-native-drawer-header > div:first-child {
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-}
-
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header button,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root {
-    width: 48px !important;
-    height: 48px !important;
-    min-width: 48px !important;
-    min-height: 48px !important;
-    border-radius: 17px !important;
-    background:
-        radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.18), rgba(0, 0, 0, 0.82)) !important;
-    border: 1px solid rgba(0, 255, 136, 0.54) !important;
-    box-shadow: 0 0 18px rgba(0, 255, 136, 0.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
-}
-
-html.eos-app.eos-nav-compact .MuiDrawer-paper,
-html.eos-app.eos-nav-compact .eos-drawer {
-    padding-left: 76px !important;
-}
-
-/* Keep EOS Assist clickable even when the route content has high z-index layers. */
-html.eos-app .eos-assist-root,
-html.eos-app #eos-assist-root {
-    pointer-events: auto !important;
-    z-index: 3000 !important;
-}
-html.eos-app .eos-assist-button,
-html.eos-app .eos-assist-close,
-html.eos-app .eos-assist-send,
-html.eos-app .eos-assist-input,
-html.eos-app .eos-assist-panel {
-    pointer-events: auto !important;
-}
-html.eos-app .eos-assist-root.eos-assist-open .eos-assist-panel,
-html.eos-app #eos-assist-root.eos-assist-open .eos-assist-panel {
-    opacity: 1 !important;
-    visibility: visible !important;
-    pointer-events: auto !important;
-    transform: translateY(0) scale(1) !important;
-}
-
-/* EOS Security is an administrator-only configuration area. */
-html.eos-security-nonadmin .eos-security-admin-only-field,
-html.eos-security-non-admin-user .eos-security-admin-only-field,
-html.eos-security-nonadmin .eos-security-admin-only-tab,
-html.eos-security-non-admin-user .eos-security-admin-only-tab,
-html.eos-security-nonadmin .eos-security-settings-restricted .eos-security-admin-only-field,
-html.eos-security-non-admin-user .eos-security-settings-restricted .eos-security-admin-only-field {
-    display: none !important;
-}
-
-@media (max-width: 720px) {
-    :root { --eos-nav-toggle-slot: 86px; }
-    html.eos-app .eos-native-drawer-header { left: 6px !important; width: 50px !important; min-width: 50px !important; max-width: 50px !important; }
-    html.eos-app .eos-native-drawer-header > div:first-child { width: 50px !important; min-width: 50px !important; max-width: 50px !important; }
-    html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-    html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
-    html.eos-app .eos-native-drawer-header button,
-    html.eos-app .eos-native-drawer-header .MuiIconButton-root { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; }
-}
-
-
-/* === NexoWatt EOS v30: nav arrow, black logo badge, assist/security polish === */
-html.eos-app .eos-brand-badge-mark {
-    background:
-        radial-gradient(circle at 50% 44%, rgba(0, 255, 136, 0.22), rgba(0, 0, 0, 0.96) 50%, #000 100%) !important;
-    border: 1px solid rgba(124, 255, 214, 0.92) !important;
-    box-shadow:
-        inset 0 0 0 1px rgba(255,255,255,.075),
-        inset 0 0 22px rgba(0,255,136,.24),
-        0 0 0 1px rgba(0,0,0,.82),
-        0 0 24px rgba(0,255,136,.72),
-        0 0 46px rgba(0,212,255,.22) !important;
-    transform: translateY(-4px) !important;
-}
-html.eos-app .eos-brand-badge-logo {
-    width: 52px !important;
-    height: 52px !important;
-    min-width: 52px !important;
-    min-height: 52px !important;
-    filter:
-        brightness(2.45)
-        contrast(1.28)
-        saturate(1.58)
-        drop-shadow(0 0 1px rgba(255,255,255,.95))
-        drop-shadow(0 0 13px rgba(0,255,136,.90))
-        drop-shadow(0 0 26px rgba(0,212,255,.32)) !important;
-}
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    padding-left: 112px !important;
-}
-html.eos-app .eos-native-drawer-header {
-    left: 4px !important;
-    top: 8px !important;
-    width: 58px !important;
-    min-width: 58px !important;
-    max-width: 58px !important;
-}
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle {
-    transform: translateX(-2px) !important;
-}
-html.eos-app .eos-hidden-logout,
-html.eos-app .eos-hidden-logout *,
-html.eos-app .eos-native-logout-hidden,
-html.eos-app .eos-native-logout-hidden * {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-}
-html.eos-app.eos-nav-compact .MuiDrawer-paper,
-html.eos-app.eos-nav-compact .eos-drawer {
-    padding-left: 88px !important;
-}
-/* EOS Assist stable root */
-.eos-assist-root {
-    position: fixed !important;
-    right: 26px !important;
-    bottom: 24px !important;
-    z-index: 1700 !important;
-    font-family: inherit !important;
-}
-.eos-assist-root .eos-assist-button,
-.eos-assist-button {
-    display: grid !important;
-    grid-template-columns: 12px auto !important;
-    grid-template-rows: auto auto !important;
-    column-gap: 8px !important;
-    align-items: center !important;
-    min-width: 156px !important;
-    padding: 10px 14px !important;
-    border-radius: 18px !important;
-    border: 1px solid rgba(0, 255, 136, 0.48) !important;
-    background: linear-gradient(135deg, rgba(0, 255, 136, 0.22), rgba(0, 212, 255, 0.12) 62%, rgba(0, 0, 0, 0.72)) !important;
-    color: #f3fffb !important;
-    box-shadow: 0 14px 32px rgba(0,0,0,.38), 0 0 24px rgba(0,255,136,.20) !important;
-    cursor: pointer !important;
-}
-.eos-assist-panel {
-    display: block !important;
-    position: absolute !important;
-    right: 0 !important;
-    bottom: calc(100% + 12px) !important;
-    width: min(430px, calc(100vw - 36px)) !important;
-    max-height: min(650px, calc(100vh - 150px)) !important;
-    overflow: auto !important;
-    padding: 16px !important;
-    border-radius: 22px !important;
-    border: 1px solid rgba(0,255,136,.36) !important;
-    background: radial-gradient(circle at 18% 0%, rgba(0,255,136,.14), transparent 44%), linear-gradient(180deg, rgba(8,29,44,.985), rgba(2,9,20,.985)) !important;
-    color: #f3fffb !important;
-    box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 28px rgba(0,255,136,.16) !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-    transform: translateY(10px) scale(.98) !important;
-    transition: opacity .16s ease, transform .16s ease !important;
-}
-.eos-assist-root.eos-assist-open .eos-assist-panel,
-html.eos-assist-open .eos-assist-panel {
-    opacity: 1 !important;
-    pointer-events: auto !important;
-    transform: translateY(0) scale(1) !important;
-}
-.eos-assist-card { margin-top: 10px; padding: 12px 13px; border-radius: 16px; border: 1px solid rgba(0,212,255,.20); background: rgba(0,0,0,.30); color: rgba(238,255,250,.92); font-size: 12px; line-height: 1.45; white-space: pre-line; }
-.eos-assist-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
-.eos-assist-actions button { border-radius: 999px; border: 1px solid rgba(0,255,136,.24); background: rgba(0,255,136,.09); color: #effffc; padding: 7px 10px; font-weight: 800; cursor: pointer; }
-.eos-assist-logo { width: 36px; height: 36px; display: grid !important; place-items: center; border-radius: 13px; background: #000; border: 1px solid rgba(0,255,136,.45); box-shadow: 0 0 14px rgba(0,255,136,.22); }
-.eos-assist-logo img { width: 30px; height: 30px; object-fit: contain; filter: brightness(1.8) drop-shadow(0 0 8px rgba(0,255,136,.55)); }
-.eos-assist-foot { margin-top: 10px; color: rgba(226,245,255,.62); font-size: 11px; line-height: 1.35; }
-/* Non-admins must not see the EOS security settings tab/fields. */
-html.eos-security-nonadmin [data-eos-security-admin-only="true"],
-html.eos-security-non-admin-user [data-eos-security-admin-only="true"],
-html:not(.eos-security-admin):not(.eos-security-admin-user) [data-eos-security-admin-only="true"] {
-    display: none !important;
-    visibility: hidden !important;
-    pointer-events: none !important;
-}
-.eos-security-restricted-note {
-    border-radius: 18px !important;
-    border: 1px solid rgba(255, 193, 7, .36) !important;
-    background: linear-gradient(135deg, rgba(255,193,7,.14), rgba(0,0,0,.30)) !important;
-    color: #fff8dd !important;
-    margin: 8px 0 14px !important;
-    padding: 12px 14px !important;
-}
-@media (max-width: 720px) {
-    html.eos-app .MuiDrawer-paper,
-    html.eos-app .eos-drawer { padding-left: 82px !important; }
-    html.eos-app .eos-native-drawer-header { left: 4px !important; }
-    .eos-assist-root { right: 14px !important; bottom: 16px !important; }
-}
-
-
-/* === NexoWatt EOS v31: clean arrow tile, security text repair, AI-ready Assist === */
-:root { --eos-nav-toggle-slot: 82px; }
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer {
-    padding-left: var(--eos-nav-toggle-slot) !important;
-}
-html.eos-app.eos-nav-compact .MuiDrawer-paper,
-html.eos-app.eos-nav-compact .eos-drawer {
-    padding-left: var(--eos-nav-toggle-slot) !important;
-    transform: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-html.eos-app .eos-native-drawer-header,
-html.eos-app .eos-nav-toggle-shell {
-    position: absolute !important;
-    left: 14px !important;
-    top: 50% !important;
-    transform: translateY(-50%) !important;
-    width: 54px !important;
-    min-width: 54px !important;
-    max-width: 54px !important;
-    height: 54px !important;
-    min-height: 54px !important;
-    max-height: 54px !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    display: grid !important;
-    place-items: center !important;
-    border-radius: 18px !important;
-    background: linear-gradient(135deg, rgba(0, 0, 0, 0.84), rgba(0, 255, 136, 0.13)) !important;
-    border: 1px solid rgba(0, 255, 136, 0.50) !important;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(0,255,136,.20) !important;
-    overflow: visible !important;
-}
-html.eos-app .eos-native-drawer-header > div:first-child,
-html.eos-app .eos-nav-toggle-shell > div:first-child {
-    width: 54px !important;
-    min-width: 54px !important;
-    max-width: 54px !important;
-    height: 54px !important;
-    min-height: 54px !important;
-    max-height: 54px !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    display: grid !important;
-    place-items: center !important;
-    grid-template-columns: 1fr !important;
-    gap: 0 !important;
-}
-html.eos-app .eos-native-drawer-header a,
-html.eos-app .eos-native-drawer-header img,
-html.eos-app .eos-native-drawer-header .MuiAvatar-root,
-html.eos-app .eos-native-drawer-header .MuiAvatar-img,
-html.eos-app .eos-native-drawer-header .eos-native-title,
-html.eos-app .eos-nav-toggle-decor-hidden {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-}
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
-html.eos-app .eos-native-drawer-header button,
-html.eos-app .eos-native-drawer-header .MuiIconButton-root {
-    position: static !important;
-    transform: none !important;
-    margin: 0 !important;
-    width: 42px !important;
-    height: 42px !important;
-    min-width: 42px !important;
-    min-height: 42px !important;
-    display: grid !important;
-    place-items: center !important;
-    border-radius: 15px !important;
-    background: radial-gradient(circle at 50% 50%, rgba(0,255,136,.24), rgba(0,0,0,.88) 72%) !important;
-    border: 1px solid rgba(110,255,211,.58) !important;
-    color: #eefcff !important;
-    box-shadow: 0 0 16px rgba(0,255,136,.28), inset 0 0 12px rgba(0,255,136,.12) !important;
-}
-html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle svg,
-html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle svg,
-html.eos-app .eos-native-drawer-header .MuiSvgIcon-root {
-    width: 22px !important;
-    height: 22px !important;
-}
-html.eos-app .eos-hidden-logout,
-html.eos-app .eos-hidden-logout *,
-html.eos-app .eos-native-logout-hidden,
-html.eos-app .eos-native-logout-hidden * {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-    width: 0 !important;
-    min-width: 0 !important;
-    max-width: 0 !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    border: 0 !important;
-}
-.eos-assist-panel { max-height: min(690px, calc(100vh - 150px)) !important; }
-.eos-assist-answer { white-space: pre-line !important; }
-.eos-assist-foot strong { color: #00ff88; }
-@media (max-width: 720px) {
-    :root { --eos-nav-toggle-slot: 72px; }
-    html.eos-app .eos-native-drawer-header,
-    html.eos-app .eos-nav-toggle-shell { left: 10px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; }
-    html.eos-app .eos-native-drawer-header > div:first-child { width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; }
-    html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
-    html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
-    html.eos-app .eos-native-drawer-header button,
-    html.eos-app .eos-native-drawer-header .MuiIconButton-root { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
-}
-
-
-/* === NexoWatt EOS v32: keep arrow button, remove empty left tile ============
-   The previous patch hid the native arrow together with the decorative tile on
-   some render paths. This patch removes only the empty native tile and creates
-   one independent compact-toggle button, positioned clearly left of the menu.
-   The navigation still has two states only: normal and compact. It never fully
-   disappears. */
-:root { --eos-nav-toggle-slot: 78px; }
-html.eos-app .MuiDrawer-paper,
-html.eos-app .eos-drawer,
-html.eos-app.eos-nav-compact .MuiDrawer-paper,
-html.eos-app.eos-nav-compact .eos-drawer {
-    padding-left: var(--eos-nav-toggle-slot) !important;
-    transform: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-/* Hide the decorative native tile only. The real button is injected below. */
-html.eos-app .eos-native-drawer-header,
-html.eos-app .eos-nav-toggle-shell {
-    display: none !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-    width: 0 !important;
-    min-width: 0 !important;
-    max-width: 0 !important;
-    height: 0 !important;
-    min-height: 0 !important;
-    max-height: 0 !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    border: 0 !important;
-    box-shadow: none !important;
-    background: transparent !important;
-    overflow: hidden !important;
-}
-
-html.eos-app .eos-standalone-nav-toggle {
-    position: fixed !important;
-    left: 24px !important;
-    top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 14px) !important;
-    z-index: 2500 !important;
-    width: 44px !important;
-    height: 44px !important;
-    min-width: 44px !important;
-    min-height: 44px !important;
-    display: grid !important;
-    place-items: center !important;
-    border-radius: 16px !important;
-    border: 1px solid rgba(110, 255, 211, 0.65) !important;
-    background: radial-gradient(circle at 50% 50%, rgba(0,255,136,.22), rgba(0,0,0,.92) 74%) !important;
-    color: #f4fffb !important;
-    box-shadow: 0 0 16px rgba(0,255,136,.28), inset 0 0 12px rgba(0,255,136,.12) !important;
-    cursor: pointer !important;
-    outline: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    appearance: none !important;
-    -webkit-appearance: none !important;
-}
-html.eos-app .eos-standalone-nav-toggle:hover,
-html.eos-app .eos-standalone-nav-toggle:focus-visible {
-    border-color: rgba(0, 255, 136, .95) !important;
-    box-shadow: 0 0 22px rgba(0,255,136,.42), inset 0 0 16px rgba(0,255,136,.18) !important;
-    transform: translateY(-1px) !important;
-}
-html.eos-app .eos-standalone-nav-toggle svg {
-    width: 22px !important;
-    height: 22px !important;
-    display: block !important;
-    transition: transform .16s ease !important;
-}
-html.eos-app.eos-nav-compact .eos-standalone-nav-toggle svg {
-    transform: rotate(180deg) !important;
-}
-html.eos-login .eos-standalone-nav-toggle,
-html:not(.eos-app) .eos-standalone-nav-toggle {
-    display: none !important;
-}
-@media (max-width: 720px) {
-    :root { --eos-nav-toggle-slot: 66px; }
-    html.eos-app .eos-standalone-nav-toggle {
-        left: 14px !important;
-        top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 10px) !important;
-        width: 40px !important;
-        height: 40px !important;
-        min-width: 40px !important;
-        min-height: 40px !important;
-        border-radius: 14px !important;
-    }
-}
-
-
-/* === NexoWatt EOS v33: Assist button spacing ==============================
-   Keep the EOS Assist accessible, but reserve the bottom-right corner for the
-   native page settings pencil / floating action buttons and scroll controls. */
-:root {
-    --eos-assist-safe-right: 118px;
-    --eos-assist-safe-bottom: 22px;
-}
-html.eos-app .eos-assist-root,
-html.eos-app #eos-assist-root {
-    right: var(--eos-assist-safe-right) !important;
-    bottom: var(--eos-assist-safe-bottom) !important;
-    z-index: 1680 !important;
-}
-html.eos-app .eos-assist-root .eos-assist-panel,
-html.eos-app #eos-assist-root .eos-assist-panel {
-    right: 0 !important;
-    bottom: calc(100% + 12px) !important;
-}
-/* Keep common page settings / FAB elements clickable above the assist. */
-html.eos-app [aria-label*="Einstellung"],
-html.eos-app [title*="Einstellung"],
-html.eos-app [aria-label*="Settings"],
-html.eos-app [title*="Settings"],
-html.eos-app .MuiFab-root,
-html.eos-app button[class*="Fab"],
-html.eos-app button[class*="fab"] {
-    z-index: 1800 !important;
-}
-@media (max-width: 1100px) {
-    :root { --eos-assist-safe-right: 104px; }
-}
-@media (max-width: 720px) {
-    :root {
-        --eos-assist-safe-right: 86px;
-        --eos-assist-safe-bottom: 16px;
-    }
-    html.eos-app .eos-assist-root .eos-assist-button,
-    html.eos-app #eos-assist-root .eos-assist-button {
-        min-width: 54px !important;
-        width: 54px !important;
-        height: 54px !important;
-        border-radius: 18px !important;
-        grid-template-columns: 1fr !important;
-        padding: 0 !important;
-        place-items: center !important;
-    }
-    html.eos-app .eos-assist-root .eos-assist-button strong,
-    html.eos-app .eos-assist-root .eos-assist-button small,
-    html.eos-app #eos-assist-root .eos-assist-button strong,
-    html.eos-app #eos-assist-root .eos-assist-button small {
-        display: none !important;
-    }
-}
-
-
-/* === NexoWatt EOS v35: login redirect + adapter config interaction fix ======
-   Keep native adapter configuration pages fully clickable and reserve the bottom
-   right corner for adapter/page floating actions. */
-html.eos-app.eos-adapter-config-surface #app-paper button,
-html.eos-app.eos-adapter-config-surface #app-paper [role="button"],
-html.eos-app.eos-adapter-config-surface #app-paper a,
-html.eos-app.eos-adapter-config-surface #app-paper input,
-html.eos-app.eos-adapter-config-surface #app-paper select,
-html.eos-app.eos-adapter-config-surface #app-paper textarea {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-adapter-config-surface #app-paper .MuiButton-root,
-html.eos-app.eos-adapter-config-surface #app-paper .MuiIconButton-root,
-html.eos-app.eos-adapter-config-surface #app-paper .MuiMenuItem-root {
-    position: relative !important;
-    z-index: 12 !important;
-}
-html.eos-app .eos-assist-root,
-html.eos-app #eos-assist-root {
-    right: 150px !important;
-    bottom: 22px !important;
-}
-@media (max-width: 1100px) {
-    html.eos-app .eos-assist-root,
-    html.eos-app #eos-assist-root { right: 126px !important; }
-}
-@media (max-width: 720px) {
-    html.eos-app .eos-assist-root,
-    html.eos-app #eos-assist-root { right: 96px !important; }
-}
-
-
-/* === NexoWatt EOS v38: native adapter configuration safe mode =============
-   Custom adapter configuration pages (React/HTML/jsonConfig) must be fully
-   controlled by the adapter itself. EOS shell decoration is disabled inside the
-   content area so buttons such as "Gerät hinzufügen" and "Gerät bearbeiten" stay
-   clickable and dialogs/popovers are not hidden behind overlays. */
-html.eos-app.eos-adapter-config-surface #app-paper,
-html.eos-app.eos-adapter-config-surface #app-paper * {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-adapter-config-surface #app-paper button,
-html.eos-app.eos-adapter-config-surface #app-paper [role="button"],
-html.eos-app.eos-adapter-config-surface #app-paper a,
-html.eos-app.eos-adapter-config-surface #app-paper input,
-html.eos-app.eos-adapter-config-surface #app-paper select,
-html.eos-app.eos-adapter-config-surface #app-paper textarea,
-html.eos-app.eos-adapter-config-surface #app-paper .MuiButton-root,
-html.eos-app.eos-adapter-config-surface #app-paper .MuiIconButton-root,
-html.eos-app.eos-adapter-config-surface #app-paper .MuiMenuItem-root {
-    pointer-events: auto !important;
-    user-select: auto !important;
-}
-html.eos-app.eos-adapter-config-surface .eos-assist-root,
-html.eos-app.eos-adapter-config-surface #eos-assist-root,
-html.eos-app.eos-adapter-config-surface .eos-assist-config-hidden {
-    display: none !important;
-    visibility: hidden !important;
-    pointer-events: none !important;
-}
-html.eos-app.eos-adapter-config-surface .MuiDialog-root,
-html.eos-app.eos-adapter-config-surface .MuiModal-root,
-html.eos-app.eos-adapter-config-surface .MuiPopover-root,
-html.eos-app.eos-adapter-config-surface .MuiMenu-root,
-html.eos-app.eos-adapter-config-surface .MuiDialog-container {
-    pointer-events: auto !important;
-    z-index: 4200 !important;
-}
-html.eos-app.eos-adapter-config-surface .MuiDialog-paper,
-html.eos-app.eos-adapter-config-surface .MuiPopover-paper,
-html.eos-app.eos-adapter-config-surface .MuiMenu-paper {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-adapter-config-surface #app-paper .eos-protected-delete-control,
-html.eos-app.eos-adapter-config-surface #app-paper .eos-security-hidden-delete,
-html.eos-app.eos-adapter-config-surface #app-paper .eos-protected-adapter-row {
-    display: revert !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    filter: none !important;
-    pointer-events: auto !important;
-}
-
-
-/* === NexoWatt EOS v38: native popup/dialog compatibility ==================
-   EOS decoration must never block native Admin dialogs, adapter install search,
-   autocomplete poppers, menus or adapter-owned configuration dialogs. */
-html.eos-app .MuiDialog-root,
-html.eos-app .MuiModal-root,
-html.eos-app .MuiPopover-root,
-html.eos-app .MuiPopper-root,
-html.eos-app .MuiMenu-root,
-html.eos-app .MuiAutocomplete-popper,
-html.eos-app [role="dialog"],
-html.eos-app [role="listbox"],
-html.eos-app [role="menu"] {
-    pointer-events: auto !important;
-}
-html.eos-app .MuiDialog-paper,
-html.eos-app .MuiPaper-root[role="dialog"],
-html.eos-app .MuiPopover-paper,
-html.eos-app .MuiMenu-paper,
-html.eos-app .MuiAutocomplete-paper,
-html.eos-app .MuiAutocomplete-listbox,
-html.eos-app .MuiList-root[role="listbox"] {
-    pointer-events: auto !important;
-    user-select: auto !important;
-}
-html.eos-app .MuiAutocomplete-popper,
-html.eos-app .MuiPopper-root,
-html.eos-app .MuiPopover-root,
-html.eos-app .MuiMenu-root {
-    z-index: 6500 !important;
-}
-html.eos-app .MuiDialog-root button,
-html.eos-app .MuiDialog-root [role="button"],
-html.eos-app .MuiDialog-root a,
-html.eos-app .MuiModal-root button,
-html.eos-app .MuiModal-root [role="button"],
-html.eos-app .MuiModal-root a,
-html.eos-app .MuiPopover-root button,
-html.eos-app .MuiPopover-root [role="button"],
-html.eos-app .MuiPopover-root a,
-html.eos-app .MuiPopper-root button,
-html.eos-app .MuiPopper-root [role="button"],
-html.eos-app .MuiPopper-root a,
-html.eos-app .MuiMenu-root button,
-html.eos-app .MuiMenu-root [role="button"],
-html.eos-app .MuiMenu-root a,
-html.eos-app [role="listbox"] [role="option"],
-html.eos-app .MuiAutocomplete-option {
-    pointer-events: auto !important;
-    visibility: visible !important;
-}
-
-/* v38: snackbars/toasts are clickable, but generic dialogs are not modified. */
-html.eos-app .MuiSnackbar-root,
-html.eos-app .SnackbarItem-root,
-html.eos-app .SnackbarItem-wrappedRoot,
-html.eos-app .notistack-Snackbar,
-html.eos-app .Toastify__toast-container,
-html.eos-app .Toastify__toast {
-    pointer-events: auto !important;
-    z-index: 5200 !important;
-}
-html.eos-app .MuiSnackbar-root button,
-html.eos-app .SnackbarItem-root button,
-html.eos-app .notistack-Snackbar button,
-html.eos-app .Toastify__toast button {
-    pointer-events: auto !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-/* v38: never allow decorative EOS layers to sit above native modals/popups. */
-html.eos-app .eos-top-toolbar::before,
-html.eos-app .eos-top-toolbar::after,
-html.eos-app .eos-brand-badge::before,
-html.eos-app .eos-brand-badge::after,
-html.eos-app .eos-panel::before,
-html.eos-app .eos-panel::after {
-    pointer-events: none !important;
-}
-
-
-/* === NexoWatt EOS v39: Objects/datapoints native state writing compatibility === */
-html.eos-app.eos-objects-surface .eos-object-value-cell,
-html.eos-objects-surface .eos-object-value-cell {
-    pointer-events: auto !important;
-    min-height: 30px !important;
-    border-radius: 8px !important;
-    transition: background .12s ease, box-shadow .12s ease, outline-color .12s ease;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell.eos-object-value-writable,
-html.eos-objects-surface .eos-object-value-cell.eos-object-value-writable {
-    cursor: pointer !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell.eos-object-value-writable:hover,
-html.eos-objects-surface .eos-object-value-cell.eos-object-value-writable:hover,
-html.eos-app.eos-objects-surface .eos-object-value-cell.eos-object-value-hover,
-html.eos-objects-surface .eos-object-value-cell.eos-object-value-hover {
-    background: rgba(0, 255, 136, .14) !important;
-    box-shadow: inset 0 0 0 1px rgba(0, 255, 136, .32), 0 0 12px rgba(0, 255, 136, .10) !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell .admin-button,
-html.eos-objects-surface .eos-object-value-cell .admin-button,
-html.eos-app.eos-objects-surface .eos-object-value-cell button,
-html.eos-objects-surface .eos-object-value-cell button {
-    pointer-events: auto !important;
-    cursor: pointer !important;
-}
-html.eos-app.eos-objects-surface .MuiDialog-root,
-html.eos-app.eos-objects-surface .MuiModal-root,
-html.eos-app.eos-objects-surface .MuiPopover-root,
-html.eos-app.eos-objects-surface .MuiPopper-root,
-html.eos-app.eos-objects-surface [role="dialog"],
-html.eos-app.eos-objects-surface [role="listbox"],
-html.eos-app.eos-objects-surface [role="menu"],
-html.eos-objects-surface .MuiDialog-root,
-html.eos-objects-surface .MuiModal-root,
-html.eos-objects-surface .MuiPopover-root,
-html.eos-objects-surface .MuiPopper-root,
-html.eos-objects-surface [role="dialog"],
-html.eos-objects-surface [role="listbox"],
-html.eos-objects-surface [role="menu"] {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface .MuiDialog-root button,
-html.eos-app.eos-objects-surface .MuiDialog-root [role="button"],
-html.eos-app.eos-objects-surface .MuiDialog-root input,
-html.eos-app.eos-objects-surface .MuiDialog-root textarea,
-html.eos-app.eos-objects-surface .MuiDialog-root select,
-html.eos-app.eos-objects-surface .MuiMenuItem-root,
-html.eos-app.eos-objects-surface .MuiAutocomplete-option,
-html.eos-objects-surface .MuiDialog-root button,
-html.eos-objects-surface .MuiDialog-root [role="button"],
-html.eos-objects-surface .MuiDialog-root input,
-html.eos-objects-surface .MuiDialog-root textarea,
-html.eos-objects-surface .MuiDialog-root select,
-html.eos-objects-surface .MuiMenuItem-root,
-html.eos-objects-surface .MuiAutocomplete-option {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface .MuiTooltip-popper,
-html.eos-objects-surface .MuiTooltip-popper {
-    z-index: 9000 !important;
-    pointer-events: none !important;
-}
-/* Do not let EOS floating help cover the right action column of the object table. */
-html.eos-app.eos-objects-surface .eos-assist-root,
-html.eos-app.eos-objects-surface #eos-assist-root,
-html.eos-objects-surface .eos-assist-root,
-html.eos-objects-surface #eos-assist-root {
-    right: 150px !important;
-    bottom: 26px !important;
-    z-index: 1200 !important;
-}
-
-/* === NexoWatt EOS v40: keep command dialogs technically accurate ========= */
-
-/* === NexoWatt EOS v48: role-aware navigation and end-customer landing === */
-html.eos-role-loaded .eos-role-hidden,
-html.eos-role-loaded .eos-role-hidden * {
-    display: none !important;
-    visibility: hidden !important;
-    pointer-events: none !important;
-}
-
-.eos-role-landing {
-    min-height: calc(100vh - 120px);
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 32px;
-    box-sizing: border-box;
-    background:
-        radial-gradient(circle at 20% 20%, rgba(0, 255, 170, .12), transparent 34%),
-        radial-gradient(circle at 80% 70%, rgba(0, 140, 255, .13), transparent 36%),
-        linear-gradient(135deg, rgba(0, 18, 28, .96), rgba(1, 8, 20, .98));
-}
-
-.eos-role-landing-card {
-    width: min(560px, calc(100vw - 48px));
-    border: 1px solid rgba(0, 255, 170, .38);
-    border-radius: 28px;
-    padding: 34px;
-    color: #f4fff9;
-    background: rgba(4, 28, 39, .88);
-    box-shadow: 0 24px 70px rgba(0, 0, 0, .45), 0 0 34px rgba(0, 255, 170, .12);
-    text-align: left;
-}
-
-.eos-role-landing-eyebrow {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    color: #00ffc0;
-    font-size: 12px;
-    font-weight: 800;
-    letter-spacing: .12em;
-    text-transform: uppercase;
-    margin-bottom: 12px;
-}
-
-.eos-role-landing-card h1 {
-    margin: 0 0 12px;
-    font-size: clamp(28px, 4vw, 44px);
-    line-height: 1.08;
-    color: #ffffff;
-}
-
-.eos-role-landing-card p {
-    margin: 0 0 24px;
-    color: rgba(244, 255, 249, .82);
-    font-size: 16px;
-    line-height: 1.55;
-}
-
-.eos-role-open-cockpit {
-    border: 0;
-    border-radius: 999px;
-    padding: 13px 24px;
-    color: #001612;
-    background: linear-gradient(135deg, #00ffc0, #00a2ff);
-    font-weight: 900;
-    cursor: pointer;
-    box-shadow: 0 12px 30px rgba(0, 255, 170, .24);
-}
-
-.eos-role-open-cockpit:hover,
-.eos-role-open-cockpit:focus-visible {
-    transform: translateY(-1px);
-    filter: brightness(1.08);
-    outline: none;
-}
-
-/* === NexoWatt EOS v57: native ObjectBrowser value cells and tooltips === */
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-object-writable="1"],
-html.eos-objects-surface .eos-object-value-cell[data-eos-object-writable="1"] {
-    cursor: pointer !important;
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-object-writable="1"]:hover,
-html.eos-objects-surface .eos-object-value-cell[data-eos-object-writable="1"]:hover {
-    background: rgba(0, 255, 136, .14) !important;
-    box-shadow: inset 0 0 0 1px rgba(0, 255, 136, .32), 0 0 12px rgba(0, 255, 136, .10) !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell[title],
-html.eos-objects-surface .eos-object-value-cell[title] {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface .MuiTooltip-tooltip,
-html.eos-objects-surface .MuiTooltip-tooltip {
-    max-width: min(520px, 80vw) !important;
-}
-
-
-/* === NexoWatt EOS v7.9.70 stability additions =============================
-   Keep the proven v57/v58 header. These rules only harden module-card actions
-   and native MUI selection poppers; they do not hide or recreate toolbar items. */
-html.eos-route-adapters #app-paper .eos-adapter-info-card,
-html.eos-route-intro #app-paper .eos-adapter-info-card,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] {
-    display: flex !important;
-    flex-direction: column !important;
-    pointer-events: auto !important;
-    overflow: hidden !important;
-}
-html.eos-route-adapters #app-paper .eos-adapter-info-card .MuiCardContent-root,
-html.eos-route-intro #app-paper .eos-adapter-info-card .MuiCardContent-root,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] .MuiCardContent-root {
-    flex: 1 1 auto !important;
-    min-height: 0 !important;
-    overflow: auto !important;
-}
-html.eos-route-adapters #app-paper .eos-adapter-info-card > .MuiBox-root,
-html.eos-route-intro #app-paper .eos-adapter-info-card > .MuiBox-root,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] > .MuiBox-root,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] > .MuiBox-root {
-    position: relative !important;
-    z-index: 40 !important;
-    pointer-events: auto !important;
-    flex: 0 0 auto !important;
-    overflow: visible !important;
-}
-html.eos-route-adapters #app-paper .eos-adapter-info-card button,
-html.eos-route-adapters #app-paper .eos-adapter-info-card [role="button"],
-html.eos-route-intro #app-paper .eos-adapter-info-card button,
-html.eos-route-intro #app-paper .eos-adapter-info-card [role="button"],
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] button,
-html.eos-route-adapters #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] [role="button"],
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] button,
-html.eos-route-intro #app-paper .MuiCard-root > div[style*="position: absolute"][style*="z-index: 3"] [role="button"] {
-    position: relative !important;
-    z-index: 45 !important;
-    pointer-events: auto !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    cursor: pointer !important;
-}
-
-/* === NexoWatt EOS v7.9.71: native popup lifecycle ======================
-   MUI Menu uses keep-mounted/hidden modal states internally. Never force
-   generic menu descendants visible: doing so makes closed filter menus appear
-   at the viewport origin. Only raise overlays that are actually open. */
-html.eos-app body > .MuiAutocomplete-popper,
-html.eos-app body > .MuiPopper-root[data-popper-placement],
-html.eos-app body > .MuiPopover-root:not(.MuiModal-hidden),
-html.eos-app body > .MuiMenu-root:not(.MuiModal-hidden),
-html.eos-app .eos-module-filter-menu:not(.MuiModal-hidden) {
-    z-index: 9000 !important;
-    pointer-events: auto !important;
-}
-html.eos-app .MuiModal-hidden,
-html.eos-app .MuiPopover-root.MuiModal-hidden,
-html.eos-app .MuiMenu-root.MuiModal-hidden,
-html.eos-app .eos-module-filter-menu.MuiModal-hidden {
-    visibility: hidden !important;
-    pointer-events: none !important;
-}
-html.eos-app .eos-module-filter-menu-paper {
-    pointer-events: auto !important;
-    border-radius: 12px !important;
-    overflow-x: hidden !important;
-    overscroll-behavior: contain;
-}
-html.eos-app .eos-module-filter-menu-paper .MuiMenuItem-root {
-    min-height: 40px !important;
-    pointer-events: auto !important;
-}
-html.eos-app .MuiTooltip-popper {
-    z-index: 9100 !important;
-    pointer-events: none !important;
-}
-
-
-/* === NexoWatt EOS v7.9.74: reliable native writable-value hit target =====
-   The dark header/filter background is only a filter visual and does not
-   control write access. Writable state cells are isolated from row selection
-   and receive a full-width keyboard/mouse target. */
-html .eos-object-value-cell[data-eos-object-writable="1"] {
-    position: relative !important;
-    z-index: 1 !important;
-    pointer-events: auto !important;
-    cursor: text !important;
-    touch-action: manipulation;
-    user-select: text;
-    min-height: 30px !important;
-    border-radius: 7px !important;
-    background: rgba(0, 0, 0, .055);
-}
-html .eos-object-value-cell[data-eos-object-writable="1"]:hover {
-    background: rgba(0, 255, 136, .14) !important;
-    box-shadow: inset 0 0 0 1px rgba(0, 255, 136, .38) !important;
-}
-html .eos-object-value-cell[data-eos-object-writable="1"]:focus-visible {
-    outline: 2px solid rgba(0, 255, 170, .9) !important;
-    outline-offset: -2px !important;
-}
-html .eos-object-value-cell[data-eos-object-writable="0"] {
-    cursor: default !important;
-}
-
-
-/* === NexoWatt EOS v7.9.74: deterministic scalar value editor =============
-   Writable number/string/state values use the native ObjectBrowser dialog.
-   Keep its portal above the fixed EOS header/navigation and make the complete
-   scalar value cell a stable hit target. */
-html.eos-app .eos-object-value-dialog,
-html.eos-app .MuiDialog-root:has(#edit-value-dialog-title) {
-    z-index: 10000 !important;
-    pointer-events: auto !important;
-}
-html.eos-app .eos-object-value-dialog .MuiDialog-container,
-html.eos-app .MuiDialog-root:has(#edit-value-dialog-title) .MuiDialog-container,
-html.eos-app .eos-object-value-dialog .MuiDialog-paper,
-html.eos-app .MuiDialog-root:has(#edit-value-dialog-title) .MuiDialog-paper {
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface [data-eos-scalar-capture="1"],
-html.eos-objects-surface [data-eos-scalar-capture="1"] {
-    position: relative !important;
-    min-height: 30px !important;
-    cursor: text !important;
-    pointer-events: auto !important;
-}
-html.eos-app.eos-objects-surface [data-eos-scalar-capture="1"]:hover,
-html.eos-objects-surface [data-eos-scalar-capture="1"]:hover {
-    background: rgba(0, 255, 136, .12) !important;
-    box-shadow: inset 0 0 0 1px rgba(0, 255, 136, .30) !important;
-}
-
-/* === NexoWatt EOS v7.9.76: universal manual state editor =========
-   Button/trigger and boolean switch states use the whole value cell as one
-   deterministic action target. Safety-relevant commands remain visible but
-   are locked outside expert mode. */
-html .eos-object-value-cell[data-eos-direct-control="1"] {
-    cursor: pointer !important;
-    user-select: none !important;
-    touch-action: manipulation;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] *,
-html.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] *,
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] .admin-button,
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] button,
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] input,
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] .MuiSwitch-root,
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-direct-control="1"] .MuiButtonBase-root {
-    pointer-events: none !important;
-}
-html .eos-object-value-cell[data-eos-direct-control="1"]:active {
-    transform: translateY(1px);
-    background: rgba(0, 255, 136, .22) !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell[data-eos-expert-only="1"] *,
-html.eos-objects-surface .eos-object-value-cell[data-eos-expert-only="1"] * {
-    pointer-events: none !important;
-}
-html .eos-object-value-cell[data-eos-expert-only="1"] {
-    position: relative !important;
-    cursor: not-allowed !important;
-    opacity: .72 !important;
-    padding-right: 24px !important;
-    background: rgba(255, 177, 0, .055) !important;
-}
-html .eos-object-value-cell[data-eos-expert-only="1"]::after {
-    content: "🔒";
-    position: absolute;
-    right: 5px;
-    top: 50%;
-    transform: translateY(-50%);
-    font-size: 13px;
-    opacity: .85;
-    pointer-events: none;
-}
-html .eos-object-value-cell[data-eos-expert-only="1"]:hover {
-    background: rgba(255, 177, 0, .11) !important;
-    box-shadow: inset 0 0 0 1px rgba(255, 177, 0, .25) !important;
-}
-
-
-/* === NexoWatt EOS v7.9.78: value-column alignment ========================
-   Manual controls and scalar values remain inside the native ObjectBrowser
-   value column. The native inline column width is intentionally preserved;
-   only the content alignment is changed. */
-html.eos-app.eos-objects-surface .eos-object-value-cell,
-html.eos-objects-surface .eos-object-value-cell {
-    display: flex !important;
-    align-items: center !important;
-    justify-content: flex-end !important;
-    text-align: right !important;
-    box-sizing: border-box !important;
-    min-width: 0 !important;
-    padding-left: 8px !important;
-    padding-right: 8px !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell > *,
-html.eos-objects-surface .eos-object-value-cell > * {
-    margin-left: auto !important;
-    text-align: right !important;
-    max-width: 100% !important;
-}
-html.eos-app.eos-objects-surface .eos-object-value-cell .MuiSwitch-root,
-html.eos-objects-surface .eos-object-value-cell .MuiSwitch-root,
-html.eos-app.eos-objects-surface .eos-object-value-cell button,
-html.eos-objects-surface .eos-object-value-cell button,
-html.eos-app.eos-objects-surface .eos-object-value-cell .admin-button,
-html.eos-objects-surface .eos-object-value-cell .admin-button {
-    margin-left: auto !important;
-}
-
-/* === NexoWatt EOS v80: modern navigation icon refresh ==================== */
-html.eos-app .eos-top-toolbar .MuiIconButton-root,
-html.eos-app .eos-top-toolbar button.MuiButtonBase-root:not(.eos-brand-badge) {
-    border: 1px solid rgba(104, 208, 255, 0.16) !important;
-    background: linear-gradient(180deg, rgba(10, 30, 46, 0.88), rgba(7, 19, 32, 0.94)) !important;
-    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255,255,255,0.05) !important;
-    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
-}
-
-html.eos-app .eos-top-toolbar .MuiIconButton-root:hover,
-html.eos-app .eos-top-toolbar button.MuiButtonBase-root:not(.eos-brand-badge):hover {
-    transform: translateY(-1px);
-    border-color: rgba(0, 255, 136, 0.30) !important;
-    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0,255,136,0.12) inset !important;
-}
-
-html.eos-app .eos-top-toolbar .MuiSvgIcon-root {
-    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.10));
-}
-
-html.eos-app .eos-scroll-nav .MuiListItemButton-root,
-html.eos-app .eos-scroll-nav .MuiButtonBase-root.MuiListItemButton-root,
-html.eos-app .eos-scroll-nav a,
-html.eos-app .eos-scroll-nav button {
-    display: inline-flex !important;
-    align-items: center !important;
-    gap: 12px !important;
-}
-
-html.eos-app .eos-scroll-nav .MuiListItemIcon-root.eos-legacy-nav-icon {
-    display: none !important;
-}
-
-html.eos-app .eos-scroll-nav .MuiListItemText-root {
-    margin: 0 !important;
-}
-
-html.eos-app .eos-scroll-nav .MuiListItemText-root .MuiTypography-root,
-html.eos-app .eos-scroll-nav .MuiTypography-root {
-    font-weight: 800 !important;
-    letter-spacing: -0.01em;
-}
-
-.eos-modern-nav-icon {
-    width: 34px;
-    height: 34px;
-    min-width: 34px;
-    min-height: 34px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 12px;
-    color: rgba(225, 244, 255, 0.92);
-    background:
-        radial-gradient(circle at 30% 30%, rgba(0,255,136,0.18), transparent 48%),
-        linear-gradient(180deg, rgba(17, 43, 66, 0.96), rgba(7, 19, 33, 0.96));
-    border: 1px solid rgba(96, 189, 255, 0.18);
-    box-shadow:
-        0 9px 18px rgba(0, 0, 0, 0.22),
-        inset 0 1px 0 rgba(255,255,255,0.06),
-        0 0 0 1px rgba(0,255,136,0.05);
-    transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, background .18s ease;
-}
-
-.eos-modern-nav-icon svg {
-    width: 18px;
-    height: 18px;
-    display: block;
-}
-
-html.eos-app .eos-scroll-nav .MuiListItemButton-root:hover .eos-modern-nav-icon,
-html.eos-app .eos-scroll-nav .MuiButtonBase-root.MuiListItemButton-root:hover .eos-modern-nav-icon,
-html.eos-app .eos-scroll-nav a:hover .eos-modern-nav-icon,
-html.eos-app .eos-scroll-nav button:hover .eos-modern-nav-icon {
-    transform: translateY(-1px);
-    color: #f9ffff;
-    border-color: rgba(0, 255, 136, 0.30);
-    box-shadow:
-        0 12px 22px rgba(0, 0, 0, 0.26),
-        0 0 20px rgba(0, 255, 136, 0.10),
-        inset 0 1px 0 rgba(255,255,255,0.08);
-}
-
-html.eos-app .eos-scroll-nav .Mui-selected .eos-modern-nav-icon,
-html.eos-app .eos-scroll-nav .MuiListItemButton-root[aria-current="page"] .eos-modern-nav-icon,
-html.eos-app .eos-scroll-nav .MuiButtonBase-root.MuiListItemButton-root[aria-current="page"] .eos-modern-nav-icon {
-    color: #022031;
-    background: linear-gradient(135deg, rgba(0,255,136,0.98), rgba(0,212,255,0.92));
-    border-color: rgba(255,255,255,0.30);
-    box-shadow:
-        0 12px 24px rgba(0, 0, 0, 0.28),
-        0 0 22px rgba(0,255,136,0.22),
-        inset 0 1px 0 rgba(255,255,255,0.26);
-}
-
-html.eos-app.eos-nav-compact .eos-modern-nav-icon {
-    width: 30px;
-    height: 30px;
-    min-width: 30px;
-    min-height: 30px;
-    border-radius: 10px;
-}
-
-html.eos-app.eos-nav-compact .eos-modern-nav-icon svg {
-    width: 16px;
-    height: 16px;
-}