/* Shared navigation between workspace pages; keep native links and current-page semantics. */
nav.workspace-subnav {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:fit-content;
  max-width:100%;
  gap:5px;
  margin:0 0 28px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--subtle);
  box-shadow:0 1px 2px rgb(0 0 0 / 3%);
}
nav.workspace-subnav a {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:12px 17px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--muted);
  font-size:.83rem;
  font-weight:600;
  line-height:1.3;
  text-decoration:none;
  white-space:nowrap;
  transition:color .15s ease, background-color .15s ease, border-color .15s ease;
}
nav.workspace-subnav .ui-icon { width:18px; height:18px; flex-shrink:0; }
nav.workspace-subnav a:hover { color:var(--ink); background:var(--surface); border-color:var(--line); }
nav.workspace-subnav a[aria-current="page"] {
  color:var(--ink);
  background:var(--surface);
  border-color:var(--control-border);
  box-shadow:0 2px 4px rgb(0 0 0 / 6%);
}
nav.workspace-subnav a[aria-current="page"]::after {
  content:"";
  position:absolute;
  bottom:5px;
  left:calc(50% - 10px);
  width:20px;
  height:2px;
  border-radius:2px;
  background:currentColor;
}
nav.workspace-subnav a:focus-visible { outline:2px solid var(--ink); outline-offset:2px; z-index:1; }
@media (max-width:600px) {
  nav.workspace-subnav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:4px; padding:5px; margin-bottom:22px; }
  nav.workspace-subnav a { min-width:0; min-height:46px; padding:11px 8px; font-size:.78rem; gap:7px; white-space:normal; }
  nav.workspace-subnav a:last-child:nth-child(odd) { grid-column:1 / -1; }
}
@media (prefers-reduced-motion:reduce) { nav.workspace-subnav a { transition:none; } }