/* Shared, accessible display controls. No layout changes to the desktop dashboard. */
:root{--eden-bg:#0d0b14;--eden-panel:#171321;--eden-text:#f1edf8;--eden-muted:#b9abc9;--eden-accent:#c69cff;--eden-line:#89749e;--eden-good:#75dfb0;--eden-bad:#ff8f9b;--eden-on-accent:#160e20;--eden-radius:10px;--eden-font:Segoe UI,Arial,sans-serif;--eden-size:14px}
/* One primary bar for all workspaces. A single scrolling row keeps map offsets stable. */
body>.eden-main-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;position:sticky;top:0;z-index:100;width:100%;max-width:none;min-height:64px;height:auto;margin:0;padding:8px 16px;overflow-x:auto;overflow-y:hidden;background:var(--eden-panel);border:0;border-bottom:1px solid var(--eden-line);border-radius:0;box-shadow:0 8px 24px #0005;font:700 14px/1.25 var(--eden-font)}
body>.eden-main-nav>.navtab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;margin:0;padding:9px 14px;border:1px solid var(--eden-line);border-radius:9px;background:var(--eden-bg);color:var(--eden-text);font:inherit;text-decoration:none;white-space:nowrap}
body>.eden-main-nav>.navtab:is(.active,[aria-current=page]){background:var(--eden-accent);color:var(--eden-on-accent);border-color:var(--eden-accent)}
body.wh-mode>.eden-main-nav{position:fixed;inset:0 0 auto}
/* One viewport boundary owns the navigation offset. The nested map wrapper
   fills that boundary, so canvas labels cannot peek out behind the guide bar. */
/* The dashboard's generic main max-width/auto margins must never constrain
   this viewport. Otherwise the underlying workspace text peeks through. */
body.wh-mode{margin:0;padding:0!important}
body.wh-mode>:is(#workspaceBar,#workspaceInlinePanel,.eden-ccp-notice){display:none!important}
body.wh-mode #wormholeTab{inset:var(--eden-nav-height,110px) 0 0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box}
body.wh-mode #wormholeTab .wh-wrap{position:absolute;inset:0!important;width:auto!important;margin:0!important;padding:0!important}
body.wh-mode #whCurrentChip{top:max(calc(var(--eden-nav-height,110px) + 8px),var(--wh-current-top,140px))!important}
body.wh-mode .wh-detached-menu{max-height:calc(100dvh - var(--eden-nav-height,64px) - 16px)}
@media(min-width:701px){body.wh-mode .wh-floating{top:calc(var(--eden-nav-height,64px) + 12px);height:min(780px,calc(100dvh - var(--eden-nav-height,64px) - 24px));max-height:calc(100dvh - var(--eden-nav-height,64px) - 24px)}body.wh-mode .wh-toolbar{max-height:calc(100dvh - var(--eden-nav-height,64px) - 28px)}}
[hidden]{display:none!important}
body{padding-bottom:78px;overflow-wrap:anywhere}
html{scroll-padding-top:calc(var(--eden-nav-height,0px) + 12px);scroll-padding-bottom:90px}.wh-map{scroll-padding-bottom:90px}
button,a,input,select,textarea,summary,[tabindex]{scroll-margin:20px}
:focus-visible{outline:3px solid var(--eden-accent)!important;outline-offset:3px!important;box-shadow:0 0 0 5px var(--eden-bg)!important}
html[data-eden-custom=true] .account-page .account-primary{background:var(--eden-accent)!important;color:var(--eden-on-accent)!important;border-color:var(--eden-accent)!important}
.wh-pop-button{display:block;margin:6px 12px 6px auto}
input,select,textarea{border-color:var(--eden-line)!important}
input::placeholder,textarea::placeholder{color:var(--eden-muted)!important;opacity:1}
a{color:var(--eden-accent)}
.eden-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:12px 0}.eden-policy-links a{display:inline-flex;align-items:center;min-height:28px}
.eden-site-tools{position:fixed;right:max(8px,env(safe-area-inset-right),min(2vw,16px));bottom:max(8px,env(safe-area-inset-bottom),min(2dvh,16px));max-width:calc(100% - 16px);display:flex;flex-wrap:wrap;gap:8px;z-index:30000;isolation:isolate}
.eden-site-tools a,.eden-site-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:2px solid var(--eden-accent);border-radius:var(--eden-radius);font:700 14px/1.25 var(--eden-font);box-shadow:0 4px 18px #0007;text-decoration:none}
.eden-site-tools .eden-feedback{background:var(--eden-accent);color:var(--eden-on-accent)}
.eden-site-tools button{background:var(--eden-panel);color:var(--eden-text);cursor:pointer}
.eden-skip{position:fixed;top:-100px;left:12px;z-index:40000;padding:14px;background:var(--eden-panel);color:var(--eden-text);border:2px solid var(--eden-accent)}
.eden-skip:focus{top:12px}
#edenAppearance{position:fixed;inset:0;max-width:760px;width:calc(100% - 28px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;background:var(--eden-panel);color:var(--eden-text);border:2px solid var(--eden-line);border-radius:var(--eden-radius);font:14px/1.5 var(--eden-font);z-index:40001}
#edenAppearance::backdrop{background:#000b}
#edenAppearance h2{font-size:24px;margin:0 70px 12px 0}
#edenAppearance p{color:var(--eden-muted)}
.eden-dialog-close{float:right}
.eden-theme-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.eden-theme-field{display:grid;gap:5px;min-width:0}.eden-theme-field label{font-weight:600}
#edenAppearance input,#edenAppearance select,#edenAppearance button{font:inherit;min-height:44px;padding:8px;border:1px solid var(--eden-line);border-radius:6px;background:var(--eden-bg);color:var(--eden-text);max-width:100%}
#edenAppearance input[type=color]{width:100%;height:44px}
#edenAppearance input[type=checkbox]{width:24px}
.eden-theme-preview,#edenThemeReport,.eden-theme-actions{grid-column:1/-1}
.eden-theme-preview{padding:18px;border:2px solid}.eden-theme-actions{display:flex;flex-wrap:wrap;gap:12px}
#edenAppearance button[type=submit]{background:var(--eden-accent);color:var(--eden-on-accent);font-weight:700}
#edenAppearance button:disabled{opacity:.5;cursor:not-allowed}
html[data-eden-custom=true] body{background:var(--eden-bg)!important;color:var(--eden-text)!important;font-family:var(--eden-font)!important;font-size:var(--eden-size)!important}
html[data-eden-custom=true] :is(.panel,.card,.wh-floating,.wh-detached,.ws-inline-panel,header,.workspace-bar,.navbar,.mb-book-heading,.mb-orders th,.notice,.stat,.flash){background:var(--eden-panel)!important;color:var(--eden-text)!important;border-color:var(--eden-line)!important;border-radius:var(--eden-radius)}
html[data-eden-custom=true] body>main:not(.tab-panel){background:var(--eden-panel)!important;color:var(--eden-text)!important;border-color:var(--eden-line)!important}
html[data-eden-custom=true] :is(.wh-toolbar,.wh-current-chip,.wh-float-body,.wh-setting-row,.wh-selected-block,.wh-list-item,.wh-quick-help,.wh-side-tabs,.wh-detached-menu,.wh-detached-head,.wh-grid-toggle){background:var(--eden-panel)!important;color:var(--eden-text)!important;border-color:var(--eden-line)!important}
html[data-eden-custom=true] summary{color:var(--eden-text)!important}
html[data-eden-custom=true] :is(input,select,textarea,button,.navtab,.industry-workflow a){background:var(--eden-bg)!important;color:var(--eden-text)!important;border-color:var(--eden-line)!important;border-radius:var(--eden-radius);font-family:var(--eden-font)!important;font-size:var(--eden-size)!important}
html[data-eden-custom=true] :is(p,label,td,th,small,.tiny,.muted,.eyebrow,.mb-sidebar label,.mb-summary small,.mb-coverage,.mb-orders td:first-child){color:var(--eden-text)!important}
html[data-eden-custom=true] :is(p,label,td,th,small,.tiny,.muted,summary,.mb-sidebar label){font-family:var(--eden-font)!important;font-size:var(--eden-size)!important}
html[data-eden-custom=true] :is(.muted,.tiny,small,.mb-coverage,.mb-summary small){color:var(--eden-muted)!important}
html[data-eden-custom=true] :is(a,.eyebrow){color:var(--eden-accent)!important}
html[data-eden-custom=true] :is(.primary,.button,.eden-feedback,.mb-view-switch button[aria-pressed=true]){background:var(--eden-accent)!important;color:var(--eden-on-accent)!important}
html[data-eden-custom=true] :is(.mb-item-list button[aria-pressed=true],.navtab:is(.active,[aria-current=page])){background:var(--eden-accent)!important;color:var(--eden-on-accent)!important}
html[data-eden-custom=true] .mb-orders tbody tr:hover{background:color-mix(in srgb,var(--eden-accent) 10%,var(--eden-panel))!important}
html[data-eden-custom=true] .mb-history polyline{stroke:var(--eden-accent)!important}
html[data-eden-custom=true] .wh-node{color:var(--eden-text)!important;background:var(--wh-node-bg)!important}
html[data-eden-custom=true] .wh-node :is(.wh-alias,.wh-node-name,.wh-meta){color:var(--eden-text)!important}
html[data-eden-custom=true] .wh-node{font-family:var(--eden-font)!important}
html[data-eden-custom=true] .wh-node-name{font-size:calc(var(--eden-size)*.92)!important}
html[data-eden-custom=true] .wh-node :is(.wh-meta,.wh-alias){font-size:calc(var(--eden-size)*.8)!important}
html[data-eden-custom=true] :is(.good,.bad){color:var(--eden-good)!important}html[data-eden-custom=true] .bad{color:var(--eden-bad)!important}
html[data-eden-density=comfortable] :is(.mb-orders td,.mb-orders th,.item,.field){padding-top:16px;padding-bottom:16px}
html[data-eden-motion=true] *,html[data-eden-motion=true] *::before,html[data-eden-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important}.eden-site-tools a,.eden-site-tools button{border:2px solid ButtonText}}
@media(max-width:700px){.eden-site-tools{right:8px;bottom:max(8px,env(safe-area-inset-bottom));gap:6px}.eden-site-tools a,.eden-site-tools button{padding:10px 12px;font-size:13px}.eden-theme-form{grid-template-columns:1fr}#edenAppearance{padding:16px}}

/* Shared asset attribution stays in document flow, clear of floating tools. */
.eden-ccp-notice{box-sizing:border-box;max-width:1100px;margin:24px auto 0;padding:12px 16px;color:var(--eden-muted);background:var(--eden-bg);font:12px/1.6 var(--eden-font);overflow-wrap:anywhere;text-align:center}
.eden-ccp-notice p{margin:4px 0}
/* Native header buttons expose sorting to mouse, keyboard and screen readers.
   Inset focus rings remain visible inside horizontally scrolling tables. */
button.eden-sort-heading{font:inherit;color:inherit;background:transparent!important;border:0!important;border-radius:3px;padding:5px 2px;cursor:pointer;text-align:inherit;white-space:nowrap}
.eden-sort-heading::after,[data-mb-sort]::after{content:' ↕';opacity:.45;display:inline-block;min-width:1em}
th[aria-sort=ascending]>.eden-sort-heading::after,th[aria-sort=ascending]>[data-mb-sort]::after{content:' ▲';opacity:1}
th[aria-sort=descending]>.eden-sort-heading::after,th[aria-sort=descending]>[data-mb-sort]::after{content:' ▼';opacity:1}
button.eden-sort-heading:focus-visible,button[data-mb-sort]:focus-visible{outline-offset:-2px!important;box-shadow:none!important}
/* Standard pages keep these actions in document flow. A fixed toolbar covered
   inputs, queue move buttons and focused controls on short/mobile viewports.
   The mapper continues to use its own compact More menu. */
body:not(.wh-mode)>.eden-site-tools{position:static;box-sizing:border-box;width:calc(100% - 24px);max-width:1240px;margin:16px auto;justify-content:flex-end;padding:0 8px}
.eden-support{max-width:560px;margin:0 auto 20px;padding:16px;border:1px solid var(--eden-line);border-radius:var(--eden-radius);background:var(--eden-panel);color:var(--eden-text)}.eden-support h2{font:700 16px/1.4 var(--eden-font);margin:0 0 8px}.eden-support p{margin:0 0 12px}.eden-support-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;border:1px solid var(--eden-line);border-radius:7px;text-decoration:none;font-weight:600}
.eden-guide-bar{box-sizing:border-box;display:flex;justify-content:flex-end;padding:6px 16px;border-bottom:1px solid var(--eden-line);background:var(--eden-bg);min-height:44px}
.eden-guide-bar button{font:600 12px/1.4 var(--eden-font);padding:6px 10px;min-height:32px;max-width:100%;border:1px solid var(--eden-line);border-radius:7px;background:var(--eden-panel);color:var(--eden-text);cursor:pointer}
.eden-public-tools{margin:20px 0;padding:14px 0;border-block:1px solid var(--eden-line)}.eden-public-tools h2{font-size:16px;margin:0 0 10px}.eden-public-tools>div{display:flex;flex-wrap:wrap;gap:8px}.eden-public-tools a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--eden-line);border-radius:7px;background:var(--eden-panel);color:var(--eden-text);text-decoration:none}.eden-public-tools p{font-size:12px;margin:8px 0 0}
body.wh-mode>.eden-guide-bar{position:fixed;left:0;right:0;top:var(--eden-primary-nav-height,64px);z-index:100}
#edenGuide{box-sizing:border-box;width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;background:var(--eden-panel);color:var(--eden-text);border:2px solid var(--eden-line);border-radius:var(--eden-radius);font:var(--eden-size)/1.65 var(--eden-font)}
#edenGuide::backdrop{background:#000b}#edenGuide h2{margin:0 0 12px;font-size:23px}#edenGuide h3{font-size:16px;margin:0 0 5px}#edenGuide p{margin:0 0 16px}#edenGuide ol{padding-left:24px}#edenGuide ol>li{padding-left:5px;margin-bottom:20px}#edenGuide ul>li{margin:8px 0}.eden-guide-close{float:right;margin:0 0 12px 12px;min-height:44px;padding:8px 12px;background:var(--eden-bg);color:var(--eden-text);border:1px solid var(--eden-line);border-radius:7px;cursor:pointer;font:inherit}
@media(max-width:600px){#edenGuide{padding:14px}.eden-guide-bar{padding-inline:12px}}
/* Reserve help space only inside the active tool, and only when its existing
   right margin is too narrow. Never resize the body or either ribbon. */
body.eden-tour-active:not(.wh-mode)>main.eden-tour-surface{container:eden-tour-workspace / inline-size}
body.eden-tour-active:not(.wh-mode)>main.eden-tour-spaced{box-sizing:border-box;width:min(var(--eden-tour-natural-width),calc(100% - var(--eden-tour-space)))!important;max-width:100%!important;margin-left:auto!important;margin-right:var(--eden-tour-space)!important}
@container eden-tour-workspace (max-width:1100px){.eden-tour-surface .fit-workspace{grid-template-columns:minmax(190px,.7fr) minmax(0,1.8fr)!important}.eden-tour-surface .fit-statistics{grid-column:1/-1;position:static;max-height:none}}
@container eden-tour-workspace (max-width:850px){.eden-tour-surface .fit-workspace{grid-template-columns:minmax(0,1fr)!important}.eden-tour-surface .fit-statistics{grid-column:auto}}
#edenTour{position:fixed;z-index:31000;right:20px;top:calc(var(--eden-nav-height,110px) + 20px);box-sizing:border-box;width:264px;max-height:calc(100dvh - var(--eden-nav-height,110px) - 32px);overflow:auto;padding:16px;border:1px solid var(--eden-line);border-top:2px solid var(--eden-accent);border-radius:9px;background:var(--eden-panel);color:var(--eden-text);box-shadow:0 5px 18px #0003;font:var(--eden-size)/1.55 var(--eden-font)}
#edenTour h2{font-size:16px;line-height:1.4;margin:9px 0 10px;padding-right:14px}#edenTour p{margin:0 0 12px}.eden-tour-progress{font-size:11px;color:var(--eden-muted);letter-spacing:.035em}.eden-tour-availability{font-size:12px;color:var(--eden-muted)}.eden-tour-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.eden-tour-actions button{min-height:36px;padding:6px 10px;font:600 12px/1.4 var(--eden-font);background:var(--eden-bg);color:var(--eden-text);border:1px solid var(--eden-line);border-radius:6px;cursor:pointer}.eden-tour-actions button:disabled{opacity:.55;cursor:default}.eden-tour-actions .eden-tour-next{margin-left:auto;border-color:var(--eden-accent)}#edenTour .eden-tour-close{position:absolute;top:3px;right:3px;min-width:32px;min-height:32px;border:0;background:transparent;padding:5px;color:var(--eden-muted);font-size:20px}.eden-tour-actions .eden-tour-written{flex-basis:100%;border:0;background:transparent;padding:6px 0 0;text-align:left;font-weight:400;color:var(--eden-muted);text-decoration:underline;text-underline-offset:3px}.eden-tour-target{outline:1px solid var(--eden-accent)!important;outline-offset:4px!important}
#edenTourArrow{position:fixed;inset:0;width:100vw;height:100dvh;z-index:30999;pointer-events:none;overflow:hidden}#edenTourArrow path{fill:none;stroke:var(--eden-accent);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}#edenTourArrow circle{fill:var(--eden-accent)}
@media(max-width:949px){#edenTour{top:auto!important;bottom:12px;right:12px;width:min(300px,calc(100vw - 24px));max-height:40dvh;padding:12px}#edenTourArrow{display:none!important}#edenTour h2{font-size:15px}}
