/* MindWorld platform web · the ONE shared application header for every app.
 * Presentation ported from the R7 header in 06-dashboard/dashboard.css (.app-nav, .app-brand,
 * .app-org, .nav-group, .nav-link, .nav-icon-btn, .nav-account*, .app-menu, responsive blocks at
 * 1250/1050/900/680/400px) and 00-foundation/r7-context.css (.wordmark, .lbl, .organization).
 * Classes are namespaced (mwh-) and the header carries its own R7 token values so the same header
 * renders identically inside the R7 (Dashboard) and R6.3 (Workbench) contexts without either
 * context stylesheet leaking into it. See docs/platform-web/MISMATCH.md M-01/M-02. */
.mw-appbar{
 --mwh-sans:"Anek Latin","Segoe UI",system-ui,sans-serif;
 --mwh-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
 --mwh-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
 --mwh-bg:#fbfaf7;--mwh-surface:#fbfaf7;--mwh-ink:#242923;--mwh-ink-soft:#646a62;
 --mwh-line:#dedfd5;--mwh-line-strong:#b9bfb1;--mwh-hover:#eeeee6;
 --mwh-ai:#18776b;--mwh-ai-soft:#e7f0eb;--mwh-human:#98533a;--mwh-human-line:#d9b4a0;
 --mwh-shadow:0 16px 42px -12px #18201938;
 box-sizing:border-box;height:66px;display:flex;align-items:center;gap:22px;padding:0 28px;
 border-bottom:1px solid var(--mwh-line);background:var(--mwh-bg);color:var(--mwh-ink);
 position:relative;z-index:50;flex:none;font:400 16px/1.5 var(--mwh-sans);-webkit-font-smoothing:antialiased;
}
[data-theme=dark] .mw-appbar{
 --mwh-bg:#17221d;--mwh-surface:#17221d;--mwh-ink:#e9e9df;--mwh-ink-soft:#a4b1a5;
 --mwh-line:#304035;--mwh-line-strong:#4e6555;--mwh-hover:#25362b;
 --mwh-ai:#79bdac;--mwh-ai-soft:#1c332c;--mwh-human:#dda285;--mwh-human-line:#6a4d3c;
 --mwh-shadow:0 16px 42px -12px #0009;
}
.mw-appbar *,.mw-appbar *::before,.mw-appbar *::after{box-sizing:border-box}
.mw-appbar button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;margin:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .15s,border-color .15s,color .15s}
.mw-appbar a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s}
.mw-appbar svg{display:block;flex-shrink:0}
.mw-appbar :focus-visible{outline:2px solid var(--mwh-ai);outline-offset:2px}
.mwh-lbl{font:400 11px/1.6 var(--mwh-mono);letter-spacing:.085em;text-transform:uppercase;color:var(--mwh-ink-soft)}
.mwh-brand{display:flex;align-items:center;flex:none}
.mwh-wordmark{font:400 33px/1 var(--mwh-serif);letter-spacing:-.055em;white-space:nowrap}
.mwh-plus{color:var(--mwh-human);font-weight:400;letter-spacing:0}
.mwh-org{position:relative;flex:0 1 240px;min-width:130px}
.mwh-org-btn{display:flex;align-items:center;gap:10px;width:100%;height:36px;border:1px solid var(--mwh-line)!important;border-radius:2px;padding:5px 10px!important;text-align:left}
.mwh-org-btn .mwh-lbl{color:var(--mwh-ai);font-size:10px}
.mwh-org-btn>span:last-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px}
.mwh-org-btn:hover{border-color:var(--mwh-line-strong)!important;background:var(--mwh-hover)}
.mwh-tabs{align-self:stretch;display:flex;align-items:stretch;gap:24px;flex:none}
.mwh-tab{display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;color:var(--mwh-ink-soft);font-size:15px;white-space:nowrap}
.mwh-tab.active{border-color:var(--mwh-ink);color:var(--mwh-ink)}
.mwh-tab:hover{color:var(--mwh-ink)}
.mwh-end{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.mwh-icon-btn{display:grid;place-items:center;position:relative;width:36px;height:36px;color:var(--mwh-ink-soft);flex:none;border-radius:3px}
.mwh-icon-btn:hover,.mwh-account-btn:hover{background:var(--mwh-hover);color:var(--mwh-ink)}
.mwh-icon-btn svg{width:17px;height:17px}
.mwh-menu-btn{display:none}
.mwh-env{font:400 10px/1.4 var(--mwh-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mwh-human);border:1px solid var(--mwh-human-line);padding:2px 6px;border-radius:2px;white-space:nowrap}
.mwh-account{position:relative;flex:none}
.mwh-account-btn{display:flex;align-items:center;gap:9px;height:36px}
.mwh-avatar{height:30px;width:29px;display:grid;place-items:center;border:1px solid var(--mwh-human-line);color:var(--mwh-human);font:12px var(--mwh-mono);background:transparent}
.mwh-account-btn>svg{color:var(--mwh-ink-soft)}
.mwh-menu{position:absolute;background:var(--mwh-surface);border:1px solid var(--mwh-line-strong);border-radius:3px;padding:7px;box-shadow:var(--mwh-shadow);z-index:80;max-height:min(65dvh,560px);overflow:auto;text-align:left}
.mwh-menu[hidden]{display:none}
.mwh-org .mwh-menu{width:280px;top:calc(100% + 10px);left:0}
.mwh-account .mwh-menu{width:290px;right:0;top:calc(100% + 10px)}
.mwh-menu-head{padding:7px 9px 9px}
.mwh-item{display:flex;gap:10px;align-items:center;width:100%;min-height:40px;padding:8px 9px!important;font-size:14px;border-radius:2px;text-align:left}
.mwh-item:hover{background:var(--mwh-hover)}
.mwh-item.danger{color:var(--mwh-human)}
.mwh-item svg{width:16px;height:16px}
.mwh-check{margin-left:auto;color:var(--mwh-ai)}
.mwh-sep{height:1px;background:var(--mwh-line);margin:6px 2px}
.mwh-foot{padding:10px 9px 6px;border-top:1px solid var(--mwh-line);font-size:12px;color:var(--mwh-ink-soft)}
.mwh-copy{display:flex;flex-direction:column;min-width:0}
.mwh-fullname{font-size:14px}
.mwh-email{font-size:12px;color:var(--mwh-ink-soft);overflow:hidden;text-overflow:ellipsis}
@media (max-width:1250px){
 .mw-appbar{gap:16px;padding-inline:22px}
 .mwh-tabs{gap:18px}
 .mwh-icon-btn{width:32px}
 .mwh-org{flex-basis:186px}
}
@media (max-width:1050px){
 .mw-appbar{gap:12px}
 .mwh-tabs{gap:16px}
 .mwh-tab{font-size:14px}
 .mwh-account-btn>svg{display:none}
 .mwh-org{flex-basis:167px}
}
@media (max-width:900px){
 .mw-appbar{height:62px}
 .mwh-org{flex-basis:220px;max-width:240px}
 .mwh-tabs{display:none}
 .mwh-menu-btn{display:grid;order:5}
 .mwh-end{order:4}
 .mwh-account{order:6}
 .mwh-tabs.is-open{position:absolute;display:flex;top:calc(100% + 1px);right:14px;left:auto;width:280px;height:auto;flex-direction:column;gap:0;padding:8px;background:var(--mwh-surface);border:1px solid var(--mwh-line-strong);box-shadow:var(--mwh-shadow);z-index:90;max-height:75dvh;overflow:auto}
 .mwh-tabs.is-open .mwh-tab{min-height:44px;border:0;padding:10px}
 .mwh-tabs.is-open .mwh-tab.active{background:var(--mwh-ai-soft)}
}
@media (max-width:680px){
 .mw-appbar{flex-wrap:wrap;height:auto;min-height:62px;padding:12px 18px;gap:10px}
 .mwh-wordmark{font-size:29px}
 .mwh-org{max-width:none;flex:1;min-width:130px}
 .mwh-org .mwh-menu{width:280px;left:auto;right:0;max-width:calc(100vw - 28px)}
 .mwh-end{gap:4px;margin-left:0}
 .mwh-env{display:none}
 .mwh-icon-btn,.mwh-account-btn{height:36px;width:32px}
 .mwh-tabs.is-open{top:100%;right:12px;width:calc(100% - 24px)}
}
@media (max-width:400px){
 .mw-appbar{padding:10px 14px;gap:8px}
 .mwh-org{min-width:125px}
 .mwh-org-btn{gap:6px;padding-inline:8px!important}
 .mwh-org-btn>span:last-of-type{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.mw-appbar *{transition:none!important}}
