/* Geometry and motion follow the accepted prototype's Floating / Magnetic / Notch variants. */
:root{--navigation-fill:var(--panel);--navigation-edge:var(--line)}
.workspace-toolbar{max-width:1560px;margin:auto;padding:24px 4vw;min-height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}
.toolbar-brand{background:none!important;border:0!important;color:var(--text)!important;display:flex;align-items:center;gap:12px;font:13px Georgia,serif!important;letter-spacing:.2em;padding:0;min-height:40px}.toolbar-brand img{width:28px;height:28px;object-fit:contain;border-radius:6px}
.workspace-toolbar .workspace-nav-tools{position:static;gap:8px}.workspace-toolbar .nav-tool{width:40px;height:40px;border:1px solid var(--line)!important;border-radius:50%;background:var(--panel)!important;backdrop-filter:blur(5px)}
html[data-workspace-navigation] .workspace-navigation{inset:auto auto 22px 50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);height:auto;padding:8px;border:1px solid var(--navigation-edge);border-radius:28px;display:block;background:none;backdrop-filter:none;isolation:isolate;box-shadow:none;z-index:40}
html[data-workspace-navigation] .workspace-navigation:before{display:none}
html[data-workspace-navigation] .navigation-glass{display:block;clip-path:none;border-radius:inherit;z-index:-1;background:linear-gradient(140deg,var(--clear-sheen),transparent 48%),var(--navigation-fill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-workspace-navigation] .workspace-primary-nav{display:flex;align-items:center;gap:4px;width:auto;padding:0;height:auto}
html[data-workspace-navigation] .workspace-primary-nav>:nth-child(3){margin-right:0}
html[data-workspace-navigation] .workspace-primary-nav>.workspace-nav-link{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;min-height:44px;max-width:none;padding:0!important;border-radius:24px;gap:8px;overflow:visible;transform:none;color:var(--muted)!important;background:none!important;box-shadow:none!important;font:13px/1.4 Manrope,sans-serif!important}
html[data-workspace-navigation] .workspace-primary-nav .nav-label{display:none}
html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link.selected{width:auto;min-width:98px;padding:0 17px!important;background:rgb(128 128 128 / .12)!important;color:var(--text)!important}
html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link.selected .nav-label{display:block}
.dock-icon{display:flex;align-items:center;justify-content:center;flex:none}.dock-icon svg{width:21px;height:21px}
html[data-workspace-navigation] .workspace-navigation>.workspace-nav-tools,html[data-workspace-navigation] .workspace-brand,html[data-workspace-navigation] .workspace-menu-toggle,.workspace-notch-outline{display:none}
html[data-workspace-navigation] .workspace-shortcuts{position:absolute;left:50%;bottom:calc(100% + 14px);translate:-50% 0;transform:none;width:290px;max-width:calc(100vw - 24px);padding:12px;background:linear-gradient(140deg,var(--clear-sheen),transparent 48%),var(--navigation-fill);border:1px solid var(--navigation-edge);border-radius:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-height:calc(100svh - 180px);overflow:auto;box-shadow:none}
.workspace-shortcuts>button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;border-radius:10px;background:none;color:var(--text);font:14px/1.4 Manrope,sans-serif;text-align:left;border:0}
html[data-workspace-navigation=floating] .workspace-navigation[data-shortcuts-open]{border-top-left-radius:0;border-top-right-radius:0}
html[data-workspace-navigation=floating] .workspace-shortcuts{bottom:calc(100% - 1px);left:-1px;right:-1px;translate:0;width:auto;max-width:none;border-bottom:0;border-radius:28px 28px 0 0;padding:14px 10px 10px}
/* Componentry's 300 / 20 / 0.5 spring changes complete tile dimensions. */
html[data-workspace-navigation=magnetic] .workspace-navigation{padding:12px 14px 18px;border-radius:26px}
html[data-workspace-navigation=magnetic] .workspace-primary-nav{align-items:flex-end;gap:10px}
html[data-workspace-navigation=magnetic] .workspace-primary-nav>.workspace-nav-link{--dock-base:48px;--dock-scale:1;width:calc(var(--dock-base)*var(--dock-scale));height:calc(var(--dock-base)*var(--dock-scale));min-width:0;min-height:44px;border:0!important;border-radius:0;transform:translateY(calc((var(--dock-scale) - 1)*-10px));background:none!important;transition:none!important;overflow:visible}
html[data-workspace-navigation=magnetic] .dock-icon{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#ffffff24,#ffffff03 52%,#00000008);border:1px solid var(--navigation-edge);box-shadow:inset 0 1px 1px #ffffff45,0 5px 10px #0002;backdrop-filter:blur(4px)}
html[data-workspace-navigation=magnetic] .dock-icon svg{width:58%;height:58%;stroke-width:1.7}
html[data-workspace-navigation=magnetic] .workspace-primary-nav .nav-label{display:block;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px) scale(.96);padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);backdrop-filter:blur(8px);color:var(--text);opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;transition:opacity .15s,transform .2s cubic-bezier(.16,1,.3,1)}
html[data-workspace-navigation=magnetic] .workspace-nav-link:is(:hover,:focus-visible) .nav-label{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
html[data-workspace-navigation=magnetic] .workspace-nav-link.selected:after{content:'';position:absolute;bottom:-10px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--text)}
html[data-workspace-navigation=magnetic] .workspace-shortcuts{bottom:calc(100% + 64px)}
/* Original shallow-wing contour, centered wordmark and three links on each side. */
html[data-workspace-navigation=notch] .workspace-toolbar{display:none}
html[data-workspace-navigation=notch] .workspace-navigation{inset:0 0 auto;width:100%;max-width:none;transform:none;height:60px;padding:0;border:0;border-radius:0}
html[data-workspace-navigation=notch] .navigation-glass{border-radius:0;clip-path:url(#full-notch-contour);backdrop-filter:blur(8px)}
html[data-workspace-navigation=notch] .workspace-notch-outline{display:block;position:absolute;inset:0;width:100%;height:60px;fill:none;stroke:var(--navigation-edge);stroke-width:1;pointer-events:none}
html[data-workspace-navigation=notch] .workspace-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 150px repeat(3,minmax(0,1fr));width:min(1060px,calc(100% - 240px));height:60px;margin:auto;align-items:center;gap:10px}
html[data-workspace-navigation=notch] .workspace-primary-nav>.workspace-nav-link{width:auto;height:44px;border:0;padding:8px 0!important;border-radius:8px;color:var(--text)!important;background:none!important}
html[data-workspace-navigation=notch] .workspace-primary-nav>.workspace-nav-link:nth-child(4){grid-column:5}
html[data-workspace-navigation=notch] .workspace-primary-nav .nav-label{display:block;font-size:13px;opacity:.75}
html[data-workspace-navigation=notch] .workspace-primary-nav .selected .nav-label{opacity:1}
html[data-workspace-navigation=notch] .dock-icon svg{width:17px;height:17px}
html[data-workspace-navigation=notch] .workspace-brand{display:block;position:absolute;top:10px;left:50%;transform:translateX(-50%);min-height:40px;padding:0;font:12px/1.4 Georgia,serif!important;letter-spacing:.17em!important}
html[data-workspace-navigation=notch] .workspace-navigation>.workspace-nav-tools{display:flex;right:18px;top:12px;gap:4px}
html[data-workspace-navigation=notch] .workspace-shortcuts{display:none!important}
html[data-workspace-navigation] .workspace-all-menu{inset:76px 18px auto auto;width:min(620px,calc(100vw - 36px));max-height:calc(100svh - 100px);padding:20px;border-radius:16px;backdrop-filter:blur(8px);background:linear-gradient(140deg,var(--clear-sheen),transparent 48%),var(--panel);border:1px solid var(--line)}
html[data-workspace-navigation=floating] .workspace-all-menu,html[data-workspace-navigation=magnetic] .workspace-all-menu{inset:auto auto 104px 50%;translate:-50% 0;width:min(620px,calc(100vw - 24px));max-height:calc(100svh - 180px)}
.workspace-all-menu .workspace-nav-link .nav-label{display:block}
html[data-workspace-navigation] .workspace-menu-shade{backdrop-filter:none;background:none}
html[data-workspace-navigation=floating] .content,html[data-workspace-navigation=magnetic] .content{padding-top:24px}
body:has(#crm-review-toolbar) .workspace-toolbar{z-index:30}
html[data-workspace-navigation=floating] body:has(#crm-review-toolbar) .workspace-navigation,html[data-workspace-navigation=magnetic] body:has(#crm-review-toolbar) .workspace-navigation{bottom:76px}
html[data-workspace-navigation=floating] body:has(#crm-review-toolbar) .workspace-all-menu,html[data-workspace-navigation=magnetic] body:has(#crm-review-toolbar) .workspace-all-menu{bottom:162px}
@media(max-width:1100px) and (min-width:769px){html[data-workspace-navigation=notch] .workspace-primary-nav{width:calc(100% - 200px);grid-template-columns:repeat(3,minmax(0,1fr)) 116px repeat(3,minmax(0,1fr));gap:4px}html[data-workspace-navigation=notch] .dock-icon{display:none}html[data-workspace-navigation=notch] .workspace-brand{font-size:10px!important}html[data-workspace-navigation=notch] .workspace-menu-toggle{display:none}}
@media(max-width:768px){.workspace-toolbar{padding:18px 20px;min-height:76px}.toolbar-brand{font-size:11px!important;letter-spacing:.12em}.toolbar-brand img{width:24px;height:24px}.workspace-toolbar .nav-tool{width:36px;height:36px}html[data-workspace-navigation=floating] .workspace-navigation{padding:7px}html[data-workspace-navigation=floating] .workspace-primary-nav{gap:2px}html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link{width:38px;height:44px}html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link.selected{min-width:80px;padding:0 10px!important;gap:6px}html[data-workspace-navigation=floating] .workspace-primary-nav .nav-label{font-size:11px}html[data-workspace-navigation=magnetic] .workspace-navigation{padding:10px 10px 16px}html[data-workspace-navigation=magnetic] .workspace-primary-nav{gap:5px}html[data-workspace-navigation=magnetic] .workspace-primary-nav>.workspace-nav-link{--dock-base:44px}html[data-workspace-navigation=magnetic] .dock-icon{border-radius:12px}html[data-workspace-navigation=notch] .workspace-navigation,html[data-workspace-navigation=notch] .workspace-notch-outline{height:56px}html[data-workspace-navigation=notch] .workspace-primary-nav{display:none}html[data-workspace-navigation=notch] .workspace-brand{top:8px;font-size:11px!important;max-width:42vw}html[data-workspace-navigation=notch] .workspace-menu-toggle{display:block;left:calc(15vw + 2px);top:10px;height:36px;width:36px}html[data-workspace-navigation=notch] .workspace-navigation>.workspace-nav-tools{right:calc(15vw + 2px);top:10px;gap:2px}html[data-workspace-navigation] .workspace-all-menu{left:12px;right:12px;top:66px;width:auto;max-height:calc(100svh - 90px);padding:14px}html[data-workspace-navigation=floating] .workspace-all-menu,html[data-workspace-navigation=magnetic] .workspace-all-menu{left:50%;right:auto;top:auto;bottom:100px;width:calc(100vw - 24px)}.all-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-workspace-navigation=floating] body:has(#crm-review-toolbar) .workspace-navigation,html[data-workspace-navigation=magnetic] body:has(#crm-review-toolbar) .workspace-navigation{bottom:104px}html[data-workspace-navigation=floating] body:has(#crm-review-toolbar) .workspace-all-menu,html[data-workspace-navigation=magnetic] body:has(#crm-review-toolbar) .workspace-all-menu{bottom:186px}}
@media(max-width:360px){html[data-workspace-navigation=magnetic] .workspace-primary-nav>.workspace-nav-link{--dock-base:40px}html[data-workspace-navigation=magnetic] .workspace-primary-nav{gap:4px}html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link{width:34px}html[data-workspace-navigation=floating] .workspace-primary-nav>.workspace-nav-link.selected{min-width:72px;padding:0 8px!important}}
@media(prefers-reduced-motion:reduce){.workspace-nav-link,.workspace-nav-link .nav-label{transition:none!important}}
@media(prefers-reduced-transparency:reduce){html[data-workspace-navigation] .navigation-glass,html[data-workspace-navigation] .workspace-shortcuts,html[data-workspace-navigation] .workspace-all-menu{background:var(--bg)!important;backdrop-filter:none!important}}