/* Personal workbench uses the existing light/dark semantic tokens. */
.workbench-nav { display: grid; gap: 4px; padding: 8px 16px 14px; }
.workbench-nav button, .workbench-nav a { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border: 0; border-radius: var(--token-radius-sm); background: transparent; color: var(--sidebar-text); text-align: left; text-decoration: none; font: inherit; cursor: pointer; }
.workbench-nav [aria-current="page"] { background: var(--sidebar-active-bg); color: var(--brand-primary); font-weight: 600; }
body:not(.workbench-mode) .workbench-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body:not(.workbench-mode) .workbench-nav [data-workbench-nav="todos"], body:not(.workbench-mode) .workbench-nav [data-workbench-nav="learning"], body:not(.workbench-mode) .workbench-nav [data-workbench-nav="news"] { display: none; }
body:not(.workbench-mode) .sidebar.is-collapsed .workbench-nav { grid-template-columns: 1fr; }
.workbench-nav button:hover, .workbench-nav a:hover { background: var(--sidebar-hover); }
.sidebar.is-collapsed .workbench-nav { padding: 8px 4px; }
.sidebar.is-collapsed .workbench-nav button, .sidebar.is-collapsed .workbench-nav a { justify-content: center; padding: 9px 2px; font-size: 11px; }
body.workbench-mode .sidebar:not(.is-collapsed) { width: 220px; }
body.workbench-mode .sidebar .search-box, body.workbench-mode .doc-filter-toolbar, body.workbench-mode .doc-count-bar, body.workbench-mode .doc-list { display: none; }
body.workbench-mode #docCountBar { display: none !important; }
body.workbench-mode .sidebar-footer { margin-top: auto; }
body.workbench-mode .main-content > .editor-container, body.workbench-mode .workspace-toolbar .toolbar-left,
body.workbench-mode #saveBtn, body.workbench-mode .toolbar-menu-wrap:has(#docActionsBtn), body.workbench-mode .doc-system-status-bar { display: none !important; }
body.workbench-mode .workspace-toolbar { justify-content: flex-end; border-bottom: 0; }
body.workbench-mode .workspace-header-stack { box-shadow: none; }
.workbench[hidden], .workbench-todo-list[hidden], .workbench-todo-management[hidden] { display: none; }
.workbench-todo-management .todo-panel-tabs { position: static; flex-wrap: wrap; padding-bottom: 0; }
.workbench-todo-controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
.workbench-todo-management .todo-tab { font-size: 12px; padding: 7px 10px; }
.workbench-todo-management .todo-tab.active { color: var(--brand-primary); border-color: var(--brand-primary); background: var(--fill-active); }
.workbench-todo-management .todo-check { color: var(--brand-primary); }
.workbench-todo-management .todo-edit-title-btn { opacity: 1; color: var(--text-secondary); padding: 5px; }
.workbench-todo-management .todo-due { font-size: 12px; }
.workbench-todo-management .todo-item-meta { flex-wrap: wrap; gap: 8px; }
.workbench-todo-management .todo-title { white-space: normal; overflow-wrap: anywhere; }
.workbench-todo-deadline-form { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); }
.workbench-todo-deadline-form label { color: var(--text-secondary); font-size: 12px; }
.workbench-deadline-actions { display: flex; gap: 16px; align-items: center; }
.workbench-todo-more { display: block; margin-top: 8px; }
.workbench-todo-more[hidden] { display: none; }
.workbench { flex: 1; overflow-y: auto; min-height: 0; padding: 32px 28px 64px; scroll-behavior: smooth; overflow-anchor: none; }
.workbench-inner { width: 100%; max-width: 1120px; margin: 0 auto; }
.workbench-greeting { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.workbench h2 { font-size: 26px; font-weight: 600; line-height: 1.4; margin: 4px 0 8px; }
.workbench h3 { font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0; }
.workbench p { margin: 0; }
.workbench-eyebrow, .workbench-caption { color: var(--text-muted); font-size: 12px; line-height: 1.7; }
.workbench-subtitle { color: var(--text-secondary); font-size: 14px; }
.workbench-search { display: flex; gap: 10px; margin-bottom: 24px; }
.workbench input { min-width: 0; width: 100%; font: inherit; background: var(--input-bg); border: 1px solid var(--border-color); border-radius: var(--token-radius-sm); padding: 10px 12px; color: var(--text-primary); }
.workbench-search input { flex: 1; background: var(--bg-secondary); }
.workbench-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.workbench-column { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.workbench-card { min-width: 0; padding: 22px; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--token-radius-lg); }

.workbench-section-heading { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.workbench-section-heading .workbench-caption { margin-top: 4px; }
.workbench-link { border: 0; background: none; color: var(--link-color); font: inherit; font-size: 12px; padding: 4px 0; text-decoration: none; cursor: pointer; }
.workbench-link:disabled { color: var(--text-muted); cursor: default; }
.workbench-duration { font-size: 12px; color: var(--text-muted); padding-top: 3px; white-space: nowrap; }
.workbench-todo-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-bottom: 12px; }
.workbench-todo-form details { grid-column: 1 / -1; font-size: 12px; color: var(--text-secondary); }
.workbench-todo-form summary { cursor: pointer; padding: 3px 0; }
.workbench-todo-form details label { display: block; margin: 8px 0 4px; }
.workbench-todo-form input[type="datetime-local"] { max-width: 100%; }
.workbench-task { display: flex; align-items: start; gap: 10px; padding: 15px 0; border-top: 1px solid var(--border-light); }
.workbench-task-check { display: flex; justify-content: center; align-items: start; min-width: 24px; min-height: 24px; flex-shrink: 0; cursor: pointer; }
.workbench-task input[type="checkbox"] { width: 17px; height: 17px; flex: 0 0 17px; margin: 3px 0 0; accent-color: var(--brand-primary); cursor: pointer; }
.workbench-task-content { flex: 1; min-width: 0; }
.workbench-task-title { display: block; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.workbench-task-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; align-items: center; }
.workbench-overdue { color: var(--token-color-danger-600); }
.workbench-task-meta .workbench-link { font-size: 12px; padding: 0; overflow-wrap: anywhere; text-align: left; }
.workbench-empty { padding: 18px 0; color: var(--text-secondary); font-size: 13px; line-height: 1.8; }
.workbench-error { color: var(--token-color-danger-600); font-size: 12px; line-height: 1.7; margin: 10px 0 !important; }
.workbench-question { font-size: 18px; font-weight: 600; line-height: 1.6; margin: 14px 0 !important; overflow-wrap: anywhere; }
.workbench-learning-answer { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-light); }
.workbench-learning-answer > p { font-size: 14px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.workbench-source-quote { margin: 14px 0; padding: 10px 14px; background: var(--bg-primary); border-left: 2px solid var(--border-color); color: var(--text-secondary); font-size: 12px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.workbench-review-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workbench-review-actions .btn { font-size: 12px; }
.workbench-learning-dismiss { display: block; margin-top: 6px; color: var(--text-secondary); }
#workbenchLearningNotice { margin-top: 12px; }
.workbench-news-empty { padding: 12px 0; }
.workbench-news-empty > p:first-child { margin-bottom: 6px; color: var(--text-secondary); font-size: 14px; }
.workbench-recent { display: grid; grid-template-columns: 1fr; gap: 0; }
.workbench-recent-item { display: block; padding: 12px 0; color: var(--text-primary); background: none; border: 0; text-align: left; font: inherit; cursor: pointer; min-width: 0; }
.workbench-recent-item strong { display: block; font-weight: 500; margin-bottom: 5px; overflow-wrap: anywhere; }
.workbench-recent-item:hover strong { color: var(--link-color); }
.workbench-recent-item .workbench-caption { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.workbench-news-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.workbench-news-controls select { padding: 7px 10px; min-width: 0; border: 1px solid var(--border-color); border-radius: var(--token-radius-sm); background: var(--input-bg); color: var(--text-primary); font: inherit; font-size: 12px; }
.workbench-news-item { display: grid; gap: 6px; padding: 14px 0; border-top: 1px solid var(--border-light); }
.workbench-news-item a { font-size: 14px; line-height: 1.6; }
.workbench-news-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; line-height: 1.7; color: var(--text-muted); }
.workbench-news-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.workbench-news-sync { margin-top: 10px !important; }
.workbench-news-next { margin-top: 10px; }
.workbench-news-next[hidden] { display: none; }
.workbench-news-item a { color: var(--text-primary); text-decoration: none; overflow-wrap: anywhere; }
.workbench-news-item a:hover { color: var(--link-color); }
@media (max-width: 1100px) { .workbench-grid { grid-template-columns: 1fr; } .workbench-column { display: contents; } #workbenchTodos { order: 0; } .workbench-learning { order: 1; } .workbench-news-card { order: 2; } .workbench-recent-card { order: 3; } }
@media (max-width: 700px) {
    body.workbench-mode .app-container { flex-direction: column !important; }
    body.workbench-mode .sidebar { flex-shrink: 0; }
    body.workbench-mode #sidebarCollapseBtn { display: none; }
    body.workbench-mode .sidebar.is-collapsed { width: 100%; }
    .workbench { padding: 20px 16px 64px; }
    .workbench-card { padding: 18px; }
    .workbench h2 { font-size: 22px; }
    body.workbench-mode .sidebar:not(.is-collapsed) { width: 100%; }
    body.workbench-mode .sidebar .workbench-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
    body.workbench-mode .sidebar .workbench-nav button, body.workbench-mode .sidebar .workbench-nav a { justify-content: center; font-size: 12px; padding: 8px 4px; }
    body.workbench-mode .sidebar .sidebar-footer { display: none; }
    body.workbench-mode .sidebar .sidebar-new-btn { display: none; }
    body.workbench-mode .sidebar .sidebar-header { padding-bottom: 4px; }
    .workbench-link, .workbench-todo-management .todo-tab, .workbench-todo-management .todo-edit-title-btn { min-height: 44px; }
    .workbench-todo-management .todo-check { flex-basis: 28px; width: 28px; height: 28px; }
    .workbench-todo-management .todo-source-title { font-size: 12px; }
    .workbench-task-check { min-width: 44px; min-height: 44px; }
    .workbench-news-controls select { min-height: 44px; font-size: 16px; }
}
@media (pointer: coarse) { .workbench input { font-size: 16px; } .workbench button, .workbench-link, .workbench-nav button, .workbench-nav a { min-height: 44px; } .workbench-task { min-height: 58px; } .workbench-task-check { min-width: 44px; min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .workbench { scroll-behavior: auto; } }
