/* Business navigation stays separate from company/private data permissions. */
.workspace-picker {
  position: relative;
  z-index: 50;
  flex: 0 0 auto;
  margin-bottom: 22px;
}

.workspace-picker .workspace-switch {
  position: relative;
  min-height: 60px;
  margin-bottom: 0;
  gap: 9px;
  border-color: #dde5d7;
  background: linear-gradient(135deg, #ffffffed, #f4f7eff0);
  box-shadow: inset 0 1px 0 #fff, 0 3px 10px #294a3204;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.workspace-picker .workspace-switch:hover,
.workspace-picker .workspace-switch[aria-expanded="true"] {
  border-color: #a5b99a;
  background: linear-gradient(135deg, #fff, #eef4e6);
  box-shadow: inset 0 1px 0 #fff, 0 4px 15px #375c3810;
}

.workspace-picker .workspace-switch > span:not(.workspace-avatar) {
  min-width: 0;
}

.workspace-picker .workspace-switch b {
  font-size: 11px;
  line-height: 1.45;
}

.workspace-picker .workspace-switch small {
  color: #63725d;
  font-size: 9px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.workspace-picker .workspace-avatar {
  flex: 0 0 30px;
  width: 30px;
  height: 32px;
  border-color: #d6e1c8;
  border-radius: 9px;
  background: radial-gradient(circle at 25% 15%, #fff, #e4ecd7 80%);
  color: #42613c;
  box-shadow: inset 0 1px 0 #fff;
}

.workspace-picker .workspace-switch > .icon {
  flex: 0 0 12px;
  color: #718363;
  transition: transform 160ms ease;
}

.workspace-picker .workspace-switch[aria-expanded="true"] > .icon {
  transform: rotate(180deg);
}

.workspace-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 50;
  width: 100%;
  max-height: min(440px, calc(100vh - 185px));
  max-height: min(440px, calc(100dvh - 185px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px;
  border: 1px solid #dae4d1;
  border-radius: 15px;
  background: linear-gradient(145deg, #fffffff7, #f5f8eff7);
  box-shadow: 0 18px 36px #243f3024, 0 4px 10px #243f300a, inset 0 1px 0 #fff;
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  backdrop-filter: blur(24px) saturate(130%);
  transform-origin: center top;
  animation: workspace-menu-enter 150ms ease-out both;
  scrollbar-width: thin;
  scrollbar-color: #c1ceb5 transparent;
}

.workspace-menu[hidden] {
  display: none !important;
}

.workspace-menu-heading {
  display: block;
  padding: 8px 7px 10px;
  color: #68795c;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.workspace-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 58px;
  margin: 2px 0;
  padding: 9px 7px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #344936;
  text-align: left;
  transition: background 140ms ease, border-color 140ms ease;
}

.workspace-option:hover {
  border-color: #dce6d1;
  background: #edf3e5;
}

.workspace-option.is-current,
.workspace-option[aria-checked="true"] {
  border-color: #d1dfc4;
  background: linear-gradient(120deg, #e6eedb, #eff5e7);
  box-shadow: inset 0 1px 0 #ffffffa3;
}

.workspace-option-icon {
  display: grid;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 32px;
  border: 1px solid #dce5d5;
  border-radius: 9px;
  background: #f5f8ef;
  color: #5a7650;
  box-shadow: inset 0 1px 0 #fff;
}

.workspace-option[data-workspace="jewellery"] .workspace-option-icon {
  border-color: #e4decc;
  background: #f7f3e8;
  color: #826d36;
}

.workspace-option[data-workspace="hotel"] .workspace-option-icon {
  border-color: #e5d9d0;
  background: #f7efe8;
  color: #85674f;
}

.workspace-option-icon .icon {
  width: 16px;
  height: 16px;
}

.workspace-option-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.workspace-option-copy b {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.45;
}

.workspace-option-copy small {
  display: block;
  margin-top: 3px;
  color: #66745f;
  font-size: 8px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.workspace-option-check {
  display: grid;
  flex: 0 0 12px;
  place-items: center;
  width: 12px;
  color: #416b36;
  visibility: hidden;
}

.workspace-option-check .icon {
  width: 12px;
  height: 12px;
  stroke-width: 2.2;
}

.workspace-option.is-current .workspace-option-check,
.workspace-option[aria-checked="true"] .workspace-option-check {
  visibility: visible;
}

.workspace-menu-footer {
  margin: 7px 6px 2px;
  padding: 10px 1px 5px;
  border-top: 1px solid #e1e8d8;
  color: #68775f;
  font-size: 8px;
  line-height: 1.65;
}

.workspace-picker .workspace-switch:focus-visible,
.workspace-option:focus-visible {
  outline: 2px solid #527b45;
  outline-offset: 2px;
}

.workspace-option:focus-visible {
  outline-offset: -2px;
}

@keyframes workspace-menu-enter {
  from { opacity: 0; transform: translateY(-4px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1000px) and (min-width: 761px) {
  .workspace-picker .workspace-switch { gap: 6px; padding-inline: 8px; }
  .workspace-picker .workspace-switch b { font-size: 10px; }
  .workspace-option { gap: 6px; padding-inline: 5px; }
  .workspace-option-icon { flex-basis: 24px; width: 24px; }
  .workspace-option-copy b { font-size: 9px; }
}

@media (max-width: 760px) {
  .workspace-option { min-height: 62px; }
  .workspace-menu { max-height: calc(100dvh - 190px); }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-menu { animation: none; }
  .workspace-picker .workspace-switch,
  .workspace-picker .workspace-switch > .icon,
  .workspace-option { transition: none; }
}

@media (forced-colors: active) {
  .workspace-menu,
  .workspace-option-icon { border-color: CanvasText; }
  .workspace-option.is-current,
  .workspace-option[aria-checked="true"] { border-color: Highlight; }
  .workspace-picker .workspace-switch:focus-visible,
  .workspace-option:focus-visible { outline-color: Highlight; }
}

/* The chosen business owns the navigation surface. */
.workspace-return { width: 100%; text-align: left; font-size: 10px; }
.shell[data-workspace="jewellery"] { --workspace-accent: #8b6939; --workspace-tint: #f4eddd; }
.shell[data-workspace="homes"] { --workspace-accent: #4f725a; --workspace-tint: #e9f1e5; }
.shell[data-workspace="hotel"] { --workspace-accent: #81604b; --workspace-tint: #f3e9e0; }
.shell[data-workspace]:not([data-workspace="overview"]) .nav-item.active {
  background: var(--workspace-tint); color: var(--workspace-accent);
}
.shell[data-workspace]:not([data-workspace="overview"]) .nav-item.active::before { background: var(--workspace-accent); }
.shell[data-workspace]:not([data-workspace="overview"]) .workspace-switch { border-color: color-mix(in srgb, var(--workspace-accent) 35%, white); }

/* Store context is visible beneath the Jewellery workspace selector. */
.shell[data-workspace="jewellery"] .workspace-picker { margin-bottom: 10px; }
.store-picker { display:flex; flex:0 0 auto; align-items:center; gap:9px; margin:0 0 18px; padding:11px 12px; border:1px solid #e7dfd0; border-radius:12px; background:linear-gradient(125deg,#fffdf8e8,#f5efe3d9); box-shadow:inset 0 1px 0 #fff; }
.store-picker > div { flex:1; min-width:0; }
.store-picker label { display:block; margin-bottom:4px; color:#937c56; font-size:7px; font-weight:600; letter-spacing:1.15px; }
.store-picker select { display:block; width:100%; min-height:24px; margin:0; padding:0 15px 0 0; border:0; border-radius:4px; background:transparent; color:#655236; font-family:inherit; font-size:10px; font-weight:600; line-height:1.5; appearance:none; cursor:pointer; }
.store-picker select:focus-visible { outline:2px solid #9a7947; outline-offset:3px; }
.store-picker-icon { display:grid; place-items:center; color:#947340; flex:0 0 22px; }
.store-picker .icon { width:15px; height:15px; }
.store-picker > .icon { width:10px; height:10px; color:#947340; margin-left:-19px; pointer-events:none; }
.store-scope-note { display:flex; align-items:center; gap:8px; margin:-8px 0 20px; padding:10px 13px; border:1px solid #e7decb; border-radius:10px; color:#78633e; background:#f7f2e8b3; font-size:11px; line-height:1.6; }
.store-scope-note .icon { width:15px; height:15px; flex:0 0 auto; }
@media (max-width:760px) { .store-picker { padding-block:12px; } .store-picker select { min-height:30px; font-size:12px; } }
@media (forced-colors:active) { .store-picker,.store-scope-note { border-color:CanvasText; } }

/* Full business identities remain readable in the narrow navigation column. */
.workspace-selected-brand { flex: 1 1 0; min-width: 0; }
.workspace-picker .business-logo--workspace-current { width: 130px; max-width: 100%; height: auto; }
.workspace-picker .workspace-selected-brand small { display: block; margin-top: 7px; }
.workspace-option--branded { padding-block: 12px; }
.workspace-option--branded .business-logo--workspace-option { width: 124px; max-width: 100%; height: auto; margin-bottom: 7px; }
.workspace-picker--branded .workspace-menu { max-height: min(440px, calc(100vh - 250px)); max-height: min(440px, calc(100dvh - 250px)); }
.nav-item.nav-item--brand { flex-direction: column; align-items: flex-start; gap: 6px; padding-block: 12px; font-size: 10px; }
.nav-item--brand .business-logo--nav { width: 124px; max-width: 100%; height: auto; }
@media (max-width: 1000px) and (min-width: 761px) {
  .workspace-picker .business-logo--workspace-current,
  .workspace-option--branded .business-logo--workspace-option,
  .nav-item--brand .business-logo--nav { width: 115px; }
}