/* Header dropdowns (Workspaces, Locations). The menus are in each page's HTML;
   ws-menu.js adds click-to-open. Without JavaScript they open on hover/focus. */
.ws-menu{position:relative;display:inline-flex}
.ws-menu-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font-family:inherit;line-height:inherit}
.ws-caret{width:14px;height:14px;transition:transform .15s}
.ws-menu.open .ws-caret{transform:rotate(180deg)}
.ws-menu-list{position:absolute;top:calc(100% + 10px);left:0;min-width:300px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.14);padding:6px;z-index:60}
.ws-menu-list[hidden]{display:none}
html:not(.ws-js) .ws-menu:hover .ws-menu-list,html:not(.ws-js) .ws-menu:focus-within .ws-menu-list{display:block}
.ws-menu-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 12px;border-radius:10px;font-size:.9rem;color:#0F172A;text-decoration:none}
.ws-menu-list a span{font-size:.75rem;color:rgba(15,23,42,.5)}
.ws-menu-list a:hover,.ws-menu-list a:focus-visible{background:rgba(176,141,87,.12);outline:none}
.ws-menu-list a[aria-current="page"]{font-weight:600;background:rgba(176,141,87,.08)}
.ws-menu-list .ws-menu-all{margin-top:4px;border-top:1px solid rgba(15,23,42,.08);border-radius:0 0 10px 10px;color:#8A6A3A;font-weight:500}
