.workspace-quick-nav { display:flex; align-items:center; gap:4px; border-bottom:1px solid #424a4e; padding:0 0 10px; margin-bottom:20px; }
.workspace-quick-nav button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 14px; background:transparent; color:#cbd3d6; border:1px solid transparent; border-radius:5px; font-size:13px; }
.workspace-quick-nav button[aria-pressed="true"], .workspace-quick-nav button[data-selected="true"] { color:#bceefb; background:#17313a; border-color:#3f7180; }
.workspace-quick-nav button:hover { background:#232b2f; }
.workspace-quick-nav .workspace-menu-open { margin-left:auto; border-color:#536066; }
.workspace-menu-current { max-width:180px; font-size:12px; color:#a5b8bf; overflow-wrap:anywhere; }
.workspace-menu-unread { background:#bc365a; color:white; border-radius:10px; font-size:11px; padding:2px 6px; }
.workspace-menu-dialog { padding:20px; width:min(720px,calc(100% - 28px)); max-height:85dvh; overflow:auto; border:1px solid #657076; border-radius:8px; color:#ecf0f1; background:#14191b; }
.workspace-menu-dialog::backdrop { background:rgb(0 0 0 / 60%); }
.workspace-menu-dialog:not([open]) { display:none; }
.sns-header-nav > a { display:inline-flex; align-items:center; gap:6px; }
.sns-header-nav > a .ui-icon { width:16px; height:16px; }
.workspace-guide-menu { position:relative; font-size:12px; }
.workspace-guide-menu summary { display:flex; align-items:center; gap:6px; cursor:pointer; min-height:40px; padding:6px 10px; border:1px solid var(--lch-line); border-radius:4px; list-style:none; }
.workspace-guide-menu summary::-webkit-details-marker { display:none; }
.workspace-guide-menu summary .ui-icon { width:16px; height:16px; }
.workspace-guide-menu > div { position:absolute; top:calc(100% + 5px); right:0; min-width:150px; z-index:30; background:var(--lch-surface); border:1px solid var(--lch-line); border-radius:5px; padding:5px; }
.workspace-guide-menu > div a { display:block; padding:10px; color:var(--lch-text); text-decoration:none; }
.workspace-guide-menu > div a:hover { background:var(--lch-raised); }
.workspace-menu-dialog > header { display:flex; justify-content:space-between; align-items:center; padding-bottom:14px; }
.workspace-menu-dialog h2 { margin:0; font-size:18px; }
.workspace-menu-dialog .menu-close { width:40px; height:40px; border:1px solid #576267; border-radius:4px; color:inherit; background:transparent; font-size:24px; }
body .workspace-menu-dialog .workspace-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin:0; gap:20px; border:0; background:transparent; overflow:visible; }
.workspace-menu-group h3 { margin:0 0 8px; color:#a3b0b5; font-size:12px; padding:4px 10px; }
body .workspace-menu-dialog .workspace-nav button { display:flex; justify-content:flex-start; align-items:center; width:100%; min-height:44px; min-width:0; padding:10px; font-size:13px; border:0; border-radius:4px; }
body .workspace-menu-dialog .workspace-nav button[aria-selected="true"] { box-shadow:none; background:#17313a; color:#bceefb; }
.workspace-menu-dialog .workspace-nav-label { white-space:normal; justify-content:flex-start; }
.workspace-menu-dialog .workspace-nav-label > span { text-overflow:clip; }
.workspace-menu-dialog .workspace-nav-badge { margin-left:auto; }
html[data-theme="light"] .workspace-quick-nav { border-color:#c5cdd1; }
html[data-theme="light"] .workspace-quick-nav button { color:#35464d; }
html[data-theme="light"] .workspace-quick-nav button[aria-pressed="true"], html[data-theme="light"] .workspace-quick-nav button[data-selected="true"], html[data-theme="light"] .workspace-menu-dialog .workspace-nav button[aria-selected="true"] { background:#e2f2f7; color:#09536a; border-color:#8ab6c3; }
html[data-theme="light"] .workspace-quick-nav button:hover { background:#edf2f4; }
html[data-theme="light"] .workspace-menu-current, html[data-theme="light"] .workspace-menu-group h3 { color:#526068; }
html[data-theme="light"] .workspace-menu-dialog { background:#fff; color:#23353e; }
html[data-theme="light"] .workspace-menu-dialog .workspace-nav button { color:#35464d; }
html[data-theme="light"] body .workspace-menu-dialog .workspace-nav { border:0; background:transparent; }
@media(min-width:901px) {
  .feed-view { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr); }
  .feed-toolbar { grid-column:1; grid-row:1; }
  .workspace-quick-nav { grid-column:1; grid-row:2; margin-bottom:12px; }
  .workspace-panel { grid-column:1; grid-row:3; }
}
@media(max-width:600px) {
  .workspace-quick-nav { gap:2px; flex-wrap:wrap; margin-bottom:16px; }
  .workspace-quick-nav button { flex:1; padding:8px 6px; font-size:11px; }
  .workspace-quick-nav .workspace-nav-label { gap:5px; }
  .workspace-menu-current { max-width:none; flex-basis:100%; margin-top:4px; }
  .workspace-menu-dialog { padding:16px; }
  body .workspace-menu-dialog .workspace-nav { grid-template-columns:1fr; gap:14px; }
  .workspace-menu-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  .workspace-menu-group h3 { grid-column:1/-1; margin:0; }
}