/* MWS-03 account picker and board header control. Shared theme tokens. */
.mws-toggle[hidden], .mws-menu[hidden], .mws-item[hidden] { display: none !important; }
body.mws-selected #workspace-badge { display: none !important; }
.mws-toggle {
  display: inline-flex; align-items: center; gap: .35rem; min-width: 0;
  max-width: min(19ch, 24vw); margin-left: .45rem; padding: .36rem .52rem;
  border: 1px solid var(--ui-line); border-radius: .65rem;
  color: var(--ui-text); background: var(--ui-panel);
  font: 650 .82rem/1.2 -apple-system, 'Segoe UI', Roboto, sans-serif;
  cursor: pointer;
}
.mws-toggle:hover, .mws-toggle[aria-expanded="true"] {
  border-color: var(--ui-accent); background: var(--ui-raised);
}
.mws-toggle:focus-visible, .mws-item-control:focus-visible,
.mws-manage:focus-visible, .mws-search:focus-visible {
  outline: 2px solid var(--ui-accent); outline-offset: 2px;
}
.mws-toggle-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mws-toggle svg { width: .9rem; height: .9rem; flex: none; fill: none;
  stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mws-menu {
  position: fixed; z-index: 4200; width: min(320px, calc(100vw - 24px));
  max-height: min(70vh, 620px); overflow: auto; padding: .9rem;
  border: 1px solid var(--ui-line); border-radius: 1rem;
  background: var(--ui-panel); color: var(--ui-text); box-shadow: var(--ui-shadow);
}
.mws-menu h2 { margin: 0 0 .75rem; font-size: .82rem; letter-spacing: .04em;
  text-transform: uppercase; color: var(--ui-text-soft); }
.mws-search { box-sizing: border-box; width: 100%; min-height: 40px; margin-bottom: .6rem;
  padding: .5rem .7rem; border: 1px solid var(--ui-line); border-radius: .55rem;
  color: var(--ui-text); background: var(--ui-raised); font: inherit; }
.mws-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.mws-item-control {
  box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start;
  width: 100%; min-height: 54px; padding: .65rem .7rem; text-align: left;
  border: 1px solid var(--ui-line-soft); border-radius: .65rem;
  color: var(--ui-text); background: var(--ui-raised); font: inherit;
}
button.mws-item-control { cursor: pointer; }
button.mws-item-control:hover { border-color: var(--ui-accent); background: var(--ui-accent-soft); }
.mws-item-control strong { font-size: .9rem; overflow-wrap: anywhere; }
.mws-item-meta { color: var(--ui-text-soft); font-size: .76rem; }
.mws-current { margin-top: .2rem; color: var(--ui-accent); font-size: .72rem; font-weight: 700; }
.mws-manage { display: block; margin-top: .8rem; padding: .55rem .3rem;
  color: var(--ui-accent); font-size: .83rem; text-decoration: none; }
.mws-create-pending { display: block; padding: .3rem; color: var(--ui-text-soft); font-size: .76rem; }
.mws-confirm-shade, .mws-access-block { position: fixed; inset: 0; z-index: 6000;
  display: grid; place-items: center; padding: 1rem;
  background: color-mix(in srgb, var(--ui-bg) 80%, transparent); }
.mws-confirm, .mws-access-card { box-sizing: border-box; width: min(440px, 100%);
  padding: 1.35rem; border: 1px solid var(--ui-line); border-radius: 1rem;
  background: var(--ui-panel); color: var(--ui-text); box-shadow: var(--ui-shadow); }
.mws-confirm h2, .mws-access-card h1 { margin: 0 0 .5rem; font-size: 1.2rem; }
.mws-confirm p, .mws-access-card p { margin: 0 0 1rem; color: var(--ui-text-soft); }
.mws-confirm-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.mws-confirm-actions button, .mws-access-card a { display: inline-block; padding: .65rem .85rem;
  border: 1px solid var(--ui-line); border-radius: .55rem; background: var(--ui-raised);
  color: var(--ui-text); font-size: .85rem; font-weight: 600; line-height: 1.2;
  font-family: inherit; text-decoration: none; cursor: pointer; }
.mws-confirm-actions button:last-child { border-color: var(--ui-accent); color: var(--ui-primary-text); background: var(--ui-accent); }
.mws-picker-page { box-sizing: border-box; min-height: 100vh; margin: 0; padding: 1.25rem;
  background: var(--ui-bg); color: var(--ui-text); font: 15px/1.5 -apple-system, 'Segoe UI', Roboto, sans-serif; }
.mws-picker-shell { width: min(680px, 100%); margin: max(8vh, 2rem) auto; }
.mws-picker-brand { display: flex; align-items: center; gap: .65rem; margin-bottom: 2.5rem;
  color: var(--ui-text); font-weight: 750; }
.mws-picker-brand img { width: 32px; height: 32px; }
.mws-picker-shell h1 { margin: 0 0 .3rem; font-size: clamp(1.6rem, 4vw, 2.3rem); }
.mws-picker-shell > p { margin: 0 0 1.5rem; color: var(--ui-text-soft); }
.mws-picker-list .mws-list { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }
.mws-picker-list .mws-item-control { min-height: 82px; padding: 1rem; }
.mws-picker-actions { margin-top: 1.2rem; }
.mws-picker-actions button { padding: .55rem .8rem; border: 1px solid var(--ui-line);
  border-radius: .55rem; color: var(--ui-text); background: var(--ui-raised); cursor: pointer; }
@media (max-width: 820px) {
  .mobile-navigation-header .mws-toggle { grid-column: 2; grid-row: 1;
    width: 100%; max-width: none; margin: 0; min-height: 44px; }
  .mws-menu { left: 12px !important; right: 12px; width: auto; }
  .mws-picker-shell { margin-top: 3rem; }
}