/* Generated by tools/build_theme_compat.py; color overrides only. */
:where(html[data-theme]) body {
  background: var(--surface);
  color: var(--ink);
}

:where(html[data-theme]) body[data-view="home"] .content {
  background: var(--surface);
}

:where(html[data-theme]) a {
  color: var(--accent);
}

:where(html[data-theme]) a:hover {
  color: var(--muted);
}

:where(html[data-theme]) button,
:where(html[data-theme]) .button {
  border: 0;
  background: var(--brand);
  color: var(--on-accent);
}

:where(html[data-theme]) button:hover,
:where(html[data-theme]) .button:hover {
  background: var(--button-bg);
}

:where(html[data-theme]) .button.secondary {
  background: var(--surface-2);
  color: var(--ink);
  border: 1px solid var(--line-strong);
}

:where(html[data-theme]) .button.ghost {
  background: rgba(var(--overlay-rgb), 0.05);
  color: var(--accent);
  border: 1px solid var(--line);
}

:where(html[data-theme]) input,
:where(html[data-theme]) select,
:where(html[data-theme]) textarea {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--link);
}

:where(html[data-theme]) input::placeholder,
:where(html[data-theme]) textarea::placeholder {
  color: var(--muted);
}

:where(html[data-theme]) label {
  color: var(--muted-strong);
}

:where(html[data-theme]) .rail-resize-handle {
  border: 0;
  background: transparent;
}

:where(html[data-theme]) .rail-resize-handle::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .rail-resize-handle:hover::after,
:where(html[data-theme]) .rail-resize-handle:focus-visible::after,
:where(html[data-theme]) body.is-resizing-rails .rail-resize-handle::after {
  background: var(--surface-2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16);
}

:where(html[data-theme]) .sidebar,
:where(html[data-theme]) .left {
  border-right: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
}

:where(html[data-theme]) .brand-mark {
  background: var(--surface);
  color: var(--ink);
}

:where(html[data-theme]) .brand-mark:hover,
:where(html[data-theme]) .brand-mark:focus {
  color: var(--ink);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .brand {
  color: var(--link);
}

:where(html[data-theme]) .brand-subtitle {
  color: var(--muted);
}

:where(html[data-theme]) .sidebar nav a {
  color: var(--muted-strong);
}

:where(html[data-theme]) .sidebar nav a.active {
  background: rgba(var(--overlay-rgb), 0.12);
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.24);
  color: var(--ink);
}

:where(html[data-theme]) .sidebar nav a:hover {
  background: rgba(var(--overlay-rgb), 0.04);
  color: var(--ink);
}

:where(html[data-theme]) .active-project-context {
  border: 1px solid var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.035);
  color: inherit;
}

:where(html[data-theme]) .active-project-context:hover,
:where(html[data-theme]) .active-project-context.active {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.1);
}

:where(html[data-theme]) .active-project-context span {
  color: var(--muted);
}

:where(html[data-theme]) .active-project-context strong {
  color: var(--accent);
}

:where(html[data-theme]) .user-card {
  border-top: 1px solid var(--line);
  color: var(--muted);
}

:where(html[data-theme]) .user-card strong {
  color: var(--link);
}

:where(html[data-theme]) .user-card a {
  color: var(--accent);
}

:where(html[data-theme]) .role-badge {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.05);
  color: var(--muted-strong);
}

:where(html[data-theme]) .role-badge.admin {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .right {
  border-left: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .page-head h1 {
  color: var(--link);
}

:where(html[data-theme]) .page-head p {
  color: var(--muted);
}

:where(html[data-theme]) .active-project-strip strong {
  color: var(--link);
}

:where(html[data-theme]) .active-project-strip small {
  color: var(--muted);
}

:where(html[data-theme]) .panel,
:where(html[data-theme]) .card {
  border: 1px solid var(--line);
  background: var(--surface-bg);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.16);
}

:where(html[data-theme]) .panel h2,
:where(html[data-theme]) .card h2 {
  color: var(--link);
}

:where(html[data-theme]) .surface-panel {
  background: var(--panel);
}

:where(html[data-theme]) .card {
  background: var(--surface-2);
}

:where(html[data-theme]) .card p {
  color: var(--muted);
}

:where(html[data-theme]) .card footer,
:where(html[data-theme]) .muted,
:where(html[data-theme]) .row span,
:where(html[data-theme]) .list a span {
  color: var(--muted);
}

:where(html[data-theme]) .metrics div {
  border: 1px solid var(--line);
  background: var(--surface-2);
}

:where(html[data-theme]) .metrics strong {
  color: var(--link);
}

:where(html[data-theme]) .metrics span {
  color: var(--muted);
}

:where(html[data-theme]) .project-hero {
  border-color: var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .project-hero p {
  color: var(--ink);
}

:where(html[data-theme]) .settings-sections a {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.04);
  color: var(--muted-strong);
}

:where(html[data-theme]) .settings-sections a.active {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--accent);
}

:where(html[data-theme]) .email-diagnostics-panel dt {
  color: var(--muted);
}

:where(html[data-theme]) .email-diagnostics-panel dd {
  color: var(--text);
}

:where(html[data-theme]) .email-test-result {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .project-assignment-fieldset {
  border: 1px solid var(--line);
}

:where(html[data-theme]) .project-assignment-fieldset legend {
  color: var(--muted-strong);
}

:where(html[data-theme]) .user-project-controls {
  border-top: 1px solid var(--line);
}

:where(html[data-theme]) body[data-view="chats"] .list,
:where(html[data-theme]) body[data-view="communications"] .split .list {
  background: var(--surface-bg);
}

:where(html[data-theme]) body[data-view="messaging"] .list,
:where(html[data-theme]) body[data-view="communications"] .messaging-shell .list {
  background: var(--surface-bg);
}

:where(html[data-theme]) .list a {
  color: var(--ink);
}

:where(html[data-theme]) .communications-tabs {
  border: 1px solid var(--line);
  background: var(--surface-bg);
}

:where(html[data-theme]) .communications-tabs a {
  color: var(--muted-strong);
}

:where(html[data-theme]) .communications-tabs a.active,
:where(html[data-theme]) .communications-tabs a:hover {
  background: var(--row-selected-bg);
  color: var(--link);
}

:where(html[data-theme]) .communication-activity-item {
  border: 1px solid var(--line);
  color: var(--ink);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .communication-activity-item small,
:where(html[data-theme]) .communication-activity-item span:last-child {
  color: var(--muted);
}

:where(html[data-theme]) .communication-activity-item:hover {
  border-color: var(--line-strong);
  background: var(--row-selected-bg);
}

:where(html[data-theme]) .messaging-center-head {
  border: 1px solid var(--line);
  background: var(--surface-bg);
}

:where(html[data-theme]) .messaging-active-title h2 {
  color: var(--link);
}

:where(html[data-theme]) .conversation-drawer {
  border: 1px solid var(--line);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .conversation-drawer-head strong {
  color: var(--link);
}

:where(html[data-theme]) .conversation-search {
  color: var(--muted);
}

:where(html[data-theme]) .list a.active,
:where(html[data-theme]) .list a:hover {
  background: var(--row-selected-bg);
  color: var(--link);
}

:where(html[data-theme]) .sr-only {
  border: 0;
}

:where(html[data-theme]) .chat {
  background: var(--surface-bg);
}

:where(html[data-theme]) .pinned-messages {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .pinned-title {
  color: var(--accent);
}

:where(html[data-theme]) .pinned-message {
  border: 1px solid var(--line);
  background: var(--panel);
}

:where(html[data-theme]) .pinned-message-head strong {
  color: var(--link);
}

:where(html[data-theme]) .pinned-message-head span,
:where(html[data-theme]) .pinned-message small {
  color: var(--muted);
}

:where(html[data-theme]) .pinned-message p {
  color: var(--ink);
}

:where(html[data-theme]) .message {
  border-left: 2px solid transparent;
}

:where(html[data-theme]) .message.selected {
  border-left-color: var(--accent);
  background: var(--row-selected-bg);
}

:where(html[data-theme]) .message.is-pinned {
  border-left-color: var(--line-strong);
}

:where(html[data-theme]) .message strong {
  color: var(--link);
}

:where(html[data-theme]) .message time {
  color: var(--muted);
}

:where(html[data-theme]) .detail-link {
  color: var(--accent);
}

:where(html[data-theme]) .edited-marker {
  color: var(--muted);
}

:where(html[data-theme]) .pin-check {
  color: var(--muted-strong);
}

:where(html[data-theme]) .pin-check input {
  accent-color: var(--accent);
}

:where(html[data-theme]) .pin-check:hover {
  color: var(--ink);
}

:where(html[data-theme]) .message p {
  color: var(--ink);
}

:where(html[data-theme]) .direct-thread-head {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .direct-thread-head h2 {
  color: var(--link);
}

:where(html[data-theme]) .direct-thread-kind {
  border: 1px solid var(--line);
  color: var(--accent);
}

:where(html[data-theme]) .direct-participant-chips {
  color: var(--muted-strong);
}

:where(html[data-theme]) .direct-thread-list small {
  color: var(--muted);
}

:where(html[data-theme]) .direct-thread-row a {
  border: 1px solid transparent;
}

:where(html[data-theme]) .direct-thread-row a.active {
  border-color: var(--accent-border);
}

:where(html[data-theme]) .direct-thread-row-head strong {
  color: var(--link);
}

:where(html[data-theme]) .direct-thread-subject {
  color: var(--muted-strong);
}

:where(html[data-theme]) .direct-thread-snippet {
  color: var(--muted);
}

:where(html[data-theme]) .direct-thread-row-meta {
  color: var(--muted);
}

:where(html[data-theme]) .direct-thread-row-meta em {
  color: var(--accent);
}

:where(html[data-theme]) .direct-message.mine {
  border-left-color: var(--line-strong);
}

:where(html[data-theme]) .direct-reaction-picker {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .direct-reaction-button {
  border: 0;
  background: transparent;
  color: var(--muted-strong);
}

:where(html[data-theme]) .direct-reaction-button:hover,
:where(html[data-theme]) .direct-reaction-button:focus-visible,
:where(html[data-theme]) .direct-reaction-button.active {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--on-accent);
}

:where(html[data-theme]) .direct-reaction-badge {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--ink);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
}

:where(html[data-theme]) .direct-reaction-badge:hover,
:where(html[data-theme]) .direct-reaction-badge:focus-visible {
  border-color: var(--accent-border);
  color: var(--link);
  outline: none;
}

:where(html[data-theme]) .direct-read-receipt {
  color: var(--muted);
}

:where(html[data-theme]) .message-attachment-preview {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.03);
}

:where(html[data-theme]) .attachment {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .attachment-detail small {
  color: var(--muted);
}

:where(html[data-theme]) .attachment-detail a,
:where(html[data-theme]) .attachment-detail em {
  color: var(--accent);
}

:where(html[data-theme]) .attachment-detail.is-deleted {
  border-color: var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
  color: var(--muted);
}

:where(html[data-theme]) .composer {
  border-top: 1px solid var(--line);
}

:where(html[data-theme]) .composer-attach {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.03);
  color: var(--accent);
}

:where(html[data-theme]) .composer-attach:hover,
:where(html[data-theme]) .composer-attach:focus-within {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .attachment-destination {
  color: var(--muted);
}

:where(html[data-theme]) .pasted-attachment-heading {
  color: var(--muted-strong);
}

:where(html[data-theme]) .pasted-attachment-item {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.03);
}

:where(html[data-theme]) .pasted-attachment-item img,
:where(html[data-theme]) .pasted-attachment-icon {
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .pasted-attachment-icon {
  color: var(--muted-strong);
}

:where(html[data-theme]) .pasted-attachment-detail {
  color: var(--text);
}

:where(html[data-theme]) .row {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .row strong {
  color: var(--link);
}

:where(html[data-theme]) .generic-column-resize-handle::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .activity-filters {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .activity-table td {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .activity-table th {
  color: var(--muted);
}

:where(html[data-theme]) .activity-table small {
  color: var(--muted);
}

:where(html[data-theme]) .activity-pagination {
  color: var(--muted);
}

:where(html[data-theme]) .page-count {
  color: var(--muted-strong);
}

:where(html[data-theme]) .project-card.active,
:where(html[data-theme]) .task-card.overdue {
  border-color: var(--accent-border);
}

:where(html[data-theme]) .project-select-row {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.02);
  color: var(--link);
}

:where(html[data-theme]) .project-select-row:hover,
:where(html[data-theme]) .project-select-row.active {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .project-select-row.archived {
  color: var(--muted-strong);
}

:where(html[data-theme]) .project-select-row small,
:where(html[data-theme]) .project-row-meta {
  color: var(--muted);
}

:where(html[data-theme]) .project-row-meta em {
  color: var(--accent);
}

:where(html[data-theme]) .project-unread-badge {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .project-card h2 a,
:where(html[data-theme]) .task-card h2 a {
  color: var(--link);
}

:where(html[data-theme]) .date-range-hint {
  color: var(--muted);
}

:where(html[data-theme]) .date-range-hint.is-error {
  color: var(--danger);
}

:where(html[data-theme]) .date-range-popover {
  border: 1px solid var(--border);
  background: var(--panel);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

:where(html[data-theme]) .date-range-month {
  color: var(--text);
}

:where(html[data-theme]) .date-range-weekdays span {
  color: var(--muted);
}

:where(html[data-theme]) .date-range-day {
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
}

:where(html[data-theme]) .date-range-day:hover {
  border-color: var(--accent);
}

:where(html[data-theme]) .date-range-day.is-outside {
  color: var(--muted);
}

:where(html[data-theme]) .date-range-day.is-today {
  border-color: var(--muted);
}

:where(html[data-theme]) .date-range-day.is-in-range {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .date-range-day.is-start,
:where(html[data-theme]) .date-range-day.is-end {
  background: var(--accent);
  color: var(--ink);
  border-color: var(--accent);
}

:where(html[data-theme]) .date-range-day.is-start.is-end {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .batch-heading {
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--accent);
}

:where(html[data-theme]) .batch-heading span {
  color: var(--muted);
}

:where(html[data-theme]) .file-row.selected {
  border: 1px solid var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .task-table td {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .task-table th {
  color: var(--muted);
}

:where(html[data-theme]) .task-table th .task-sort-link {
  color: inherit;
}

:where(html[data-theme]) .task-table th .task-sort-link.active {
  color: var(--muted);
}

:where(html[data-theme]) .task-table td {
  color: var(--ink);
}

:where(html[data-theme]) .task-table td small {
  color: var(--muted);
}

:where(html[data-theme]) .work-item-sort-button {
  border: 0;
  background: transparent;
  color: inherit;
}

:where(html[data-theme]) .work-item-sort-indicator {
  color: var(--accent);
}

:where(html[data-theme]) .work-item-resize-handle::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .dependency-state {
  border: 1px solid var(--line);
}

:where(html[data-theme]) .dependency-state-blocked {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--muted);
}

:where(html[data-theme]) .dependency-state-partial {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--muted);
}

:where(html[data-theme]) .dependency-state-ready {
  border-color: var(--success);
  background: var(--success-bg);
  color: var(--success);
}

:where(html[data-theme]) .dependency-state-none {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-summary-list a {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
}

:where(html[data-theme]) .dependency-summary-list a.is-blocking {
  border-color: var(--line-strong);
}

:where(html[data-theme]) .dependency-summary-list a.is-complete {
  color: var(--muted-strong);
}

:where(html[data-theme]) .dependency-summary-list small {
  color: var(--muted);
}

:where(html[data-theme]) .work-item-kind {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted-strong);
}

:where(html[data-theme]) .task-table tr.selected {
  background: var(--row-selected-bg);
}

:where(html[data-theme]) .task-table tbody tr:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .request-grid-header {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .request-grid-heading {
  color: var(--muted);
}

:where(html[data-theme]) .request-column-sort {
  color: inherit;
}

:where(html[data-theme]) .request-column-sort:hover,
:where(html[data-theme]) .request-column-sort.active {
  color: var(--muted);
}

:where(html[data-theme]) .request-grid-row {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .request-grid-row:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .request-grid-row:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .request-grid-row.selected {
  background: var(--row-selected-bg);
}

:where(html[data-theme]) .request-grid-cell {
  color: var(--ink);
}

:where(html[data-theme]) .request-title-cell .request-title-link {
  color: var(--ink);
}

:where(html[data-theme]) .inline-edit-trigger {
  border: 1px solid transparent;
  background: transparent;
  color: inherit;
}

:where(html[data-theme]) .inline-edit-trigger:hover,
:where(html[data-theme]) .inline-edit-trigger:focus-visible {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.08);
  outline: none;
}

:where(html[data-theme]) .request-grid-cell.inline-edit-active,
:where(html[data-theme]) .task-table td.inline-edit-active {
  outline: 1px solid var(--line-strong);
}

:where(html[data-theme]) .inline-edit-form {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .inline-edit-form.is-floating {
  border-color: var(--line-strong);
  background: var(--surface);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(0, 0, 0, 0.12);
}

:where(html[data-theme]) .inline-disposition-note {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: var(--shadow);
  color: var(--muted);
}

:where(html[data-theme]) .inline-edit-actions button[data-inline-cancel] {
  background: var(--surface-2);
  color: var(--text);
}

:where(html[data-theme]) .inline-edit-error {
  border: 1px solid var(--danger);
  background: var(--danger-bg);
  color: var(--danger);
}

:where(html[data-theme]) .person-picker-control {
  border: 1px solid var(--border);
  background: var(--surface);
}

:where(html[data-theme]) .person-picker.is-open .person-picker-control,
:where(html[data-theme]) .person-picker-control:focus-within {
  border-color: var(--accent-border);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}

:where(html[data-theme]) .person-picker-chip {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--text);
}

:where(html[data-theme]) .person-picker-search {
  border: 0;
  background: transparent;
  color: var(--text);
  outline: none;
}

:where(html[data-theme]) .person-picker-list {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .person-picker-option,
:where(html[data-theme]) .person-picker-empty {
  border: 0;
  background: transparent;
  color: var(--text);
}

:where(html[data-theme]) .person-picker-option[aria-selected="true"],
:where(html[data-theme]) .person-picker-option:hover,
:where(html[data-theme]) .person-picker-option:focus-visible {
  background: var(--surface-2);
  outline: none;
}

:where(html[data-theme]) .person-picker-avatar {
  background: var(--surface-3);
  color: var(--text);
}

:where(html[data-theme]) .person-picker-empty {
  color: var(--muted);
}

:where(html[data-theme]) .person-picker.has-error .person-picker-control {
  border-color: var(--danger);
}

:where(html[data-theme]) .request-priority-cell,
:where(html[data-theme]) .request-health-cell,
:where(html[data-theme]) .request-timing-cell,
:where(html[data-theme]) .request-person-cell,
:where(html[data-theme]) .request-updated-cell {
  color: var(--muted-strong);
}

:where(html[data-theme]) .unread-badge,
:where(html[data-theme]) .new-badge {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--muted);
}

:where(html[data-theme]) .unread-link {
  color: inherit;
}

:where(html[data-theme]) .task-table tr.overdue td {
  color: var(--muted);
}

:where(html[data-theme]) .status-pill {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--link);
}

:where(html[data-theme]) .segmented-tabs a {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.04);
  color: var(--muted-strong);
}

:where(html[data-theme]) .segmented-tabs a.active {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .segmented-tabs span {
  background: rgba(var(--overlay-rgb), 0.08);
  color: var(--ink);
}

:where(html[data-theme]) .user-table th,
:where(html[data-theme]) .user-table td {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .user-table th {
  color: var(--muted);
}

:where(html[data-theme]) .user-table td {
  color: var(--ink);
}

:where(html[data-theme]) .user-table tr.selected {
  background: rgba(var(--overlay-rgb), 0.07);
}

:where(html[data-theme]) .user-cell a {
  color: var(--link);
}

:where(html[data-theme]) .user-cell small {
  color: var(--muted);
}

:where(html[data-theme]) .role-cell,
:where(html[data-theme]) .status-cell,
:where(html[data-theme]) .created-cell {
  color: var(--muted-strong);
}

:where(html[data-theme]) .empty-cell {
  color: var(--muted);
}

:where(html[data-theme]) .user-actions .danger-button {
  background: var(--danger-bg);
  color: var(--muted);
}

:where(html[data-theme]) .sub-badge {
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--accent);
}

:where(html[data-theme]) .health-chip {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--ink);
}

:where(html[data-theme]) .health-future,
:where(html[data-theme]) .health-open,
:where(html[data-theme]) .health-recent {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--link);
}

:where(html[data-theme]) .health-active,
:where(html[data-theme]) .health-waiting_responsible {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--muted);
}

:where(html[data-theme]) .health-due_soon,
:where(html[data-theme]) .health-past_target {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.11);
  color: var(--muted);
}

:where(html[data-theme]) .health-overdue {
  border-color: var(--danger);
  background: var(--danger-bg);
  color: var(--danger);
}

:where(html[data-theme]) .health-done,
:where(html[data-theme]) .health-closed {
  border-color: var(--success);
  background: var(--success-bg);
  color: var(--success);
}

:where(html[data-theme]) .invite-link-copy label {
  color: var(--muted);
}

:where(html[data-theme]) .invite-timeline div {
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}

:where(html[data-theme]) .invite-timeline strong {
  color: var(--ink);
}

:where(html[data-theme]) .bulk-selection-footer {
  color: var(--muted);
}

:where(html[data-theme]) .task-rail-form .date-range-popover {
  box-shadow: none;
}

:where(html[data-theme]) .replace-version-form {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .warning-note {
  border: 1px solid var(--warning);
  background: var(--warning-bg);
  color: var(--warning);
}

:where(html[data-theme]) .conflict-summary div {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .conflict-summary span {
  color: var(--muted);
}

:where(html[data-theme]) .conflict-summary strong {
  color: var(--link);
}

:where(html[data-theme]) .conflict-summary small {
  color: var(--muted);
}

:where(html[data-theme]) .files-explorer {
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(html[data-theme]) .files-explorer.is-drag-over {
  outline: 2px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .files-drop-target-label {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.08);
  color: var(--muted-strong);
}

:where(html[data-theme]) .files-explorer.is-drag-over .files-drop-target-label {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--link);
}

:where(html[data-theme]) .files-explorer.is-drag-over .files-drop-target-label strong::before {
  color: var(--muted-strong);
}

:where(html[data-theme]) .files-explorer-header-compact h1 {
  color: var(--link);
}

:where(html[data-theme]) .file-breadcrumb {
  color: var(--muted-strong);
}

:where(html[data-theme]) .file-breadcrumb a {
  color: var(--link);
}

:where(html[data-theme]) .file-back-link {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .files-view-toggle {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .view-toggle-button {
  border: 0;
  background: transparent;
  color: var(--muted-strong);
}

:where(html[data-theme]) .view-toggle-button.is-active {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .upload-menu-options {
  border: 1px solid var(--line);
  background: var(--surface-2);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .upload-menu-options button {
  border: 0;
  background: transparent;
  color: var(--on-accent);
}

:where(html[data-theme]) .upload-menu-options button:hover {
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .file-upload-form {
  border: 1px dashed var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .upload-status-panel {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.08);
  color: var(--link);
}

:where(html[data-theme]) .upload-status-panel p {
  color: var(--muted-strong);
}

:where(html[data-theme]) .upload-conflict-modal {
  background: var(--surface-2);
}

:where(html[data-theme]) .upload-conflict-dialog {
  border: 1px solid var(--line);
  background: var(--surface-2);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .upload-conflict-dialog h2 {
  color: var(--link);
}

:where(html[data-theme]) .upload-conflict-dialog p {
  color: var(--muted-strong);
}

:where(html[data-theme]) .upload-progress-track {
  background: rgba(var(--overlay-rgb), 0.1);
}

:where(html[data-theme]) .upload-progress-bar {
  background: var(--accent);
}

:where(html[data-theme]) .upload-failure-list {
  color: var(--ink);
}

:where(html[data-theme]) .file-selection-bar {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .file-selection-bar span {
  color: var(--muted);
}

:where(html[data-theme]) .file-selection-bar strong,
:where(html[data-theme]) .file-cut-note {
  color: var(--accent);
}

:where(html[data-theme]) .upload-destination-note {
  color: var(--muted);
}

:where(html[data-theme]) .upload-destination-note strong {
  color: var(--accent);
}

:where(html[data-theme]) .explorer-filter details {
  color: var(--muted-strong);
}

:where(html[data-theme]) .explorer-filter summary {
  border: 1px solid var(--line);
}

:where(html[data-theme]) .file-drop-note {
  background: rgba(var(--overlay-rgb), 0.03);
  color: var(--muted);
}

:where(html[data-theme]) .explorer-list {
  border: 1px solid var(--line);
  background: var(--surface-bg);
}

:where(html[data-theme]) .files-preview-grid {
  border: 1px solid var(--line);
  background: var(--surface-bg);
}

:where(html[data-theme]) .file-preview-card {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.026);
}

:where(html[data-theme]) .file-preview-card:hover {
  background: rgba(var(--overlay-rgb), 0.05);
}

:where(html[data-theme]) .file-preview-card.selected,
:where(html[data-theme]) .file-preview-card.is-selected {
  border-color: var(--accent-border);
  background: var(--row-selected-bg);
  outline: 1px solid var(--accent-border);
}

:where(html[data-theme]) .file-preview-card.storage-missing {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .file-preview-card.file-drop-target.is-move-target {
  outline: 2px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .file-preview-box {
  border: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .pdf-thumb-canvas {
  background: var(--surface-2);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .folder-preview-box {
  background: var(--surface);
}

:where(html[data-theme]) .preview-type-tile {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--ink);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .preview-type-tile span {
  color: var(--muted);
}

:where(html[data-theme]) .preview-type-pdf {
  border-top: 10px solid var(--line-strong);
}

:where(html[data-theme]) .preview-type-doc {
  border-top: 10px solid var(--line-strong);
}

:where(html[data-theme]) .preview-type-sheet {
  border-top: 10px solid var(--line-strong);
}

:where(html[data-theme]) .preview-type-slide {
  border-top: 10px solid var(--line-strong);
}

:where(html[data-theme]) .preview-type-text,
:where(html[data-theme]) .preview-type-file {
  border-top: 10px solid var(--line-strong);
}

:where(html[data-theme]) .preview-type-missing {
  border-color: var(--line-strong);
  border-top: 10px solid var(--line-strong);
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .preview-type-missing span {
  color: var(--muted);
}

:where(html[data-theme]) .file-preview-name {
  color: var(--link);
}

:where(html[data-theme]) .file-preview-meta {
  color: var(--muted);
}

:where(html[data-theme]) .file-type-badge {
  border: 1px solid var(--line);
  color: var(--muted-strong);
}

:where(html[data-theme]) .files-preview-empty {
  color: var(--muted);
}

:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .file-table td {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .file-table th {
  color: var(--muted);
}

:where(html[data-theme]) .col-resizer::after {
  background: transparent;
}

:where(html[data-theme]) .col-resizer:hover::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .file-table td {
  color: var(--ink);
}

:where(html[data-theme]) .file-modified-timestamp {
  color: var(--ink);
}

:where(html[data-theme]) .file-table tr.selected,
:where(html[data-theme]) .file-table tr.is-selected {
  background: var(--row-selected-bg);
  outline: 1px solid var(--accent-border);
}

:where(html[data-theme]) .file-table tr.folder-row {
  background: rgba(var(--overlay-rgb), 0.018);
}

:where(html[data-theme]) .file-table tr.file-row.storage-missing {
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .file-table tr.file-drop-target.is-move-target {
  outline: 2px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .file-table tr:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .file-name a {
  color: var(--link);
}

:where(html[data-theme]) .file-name-icon {
  color: var(--muted);
}

:where(html[data-theme]) .storage-status-badge,
:where(html[data-theme]) .storage-version-warning {
  border: 1px solid var(--line-strong);
  color: var(--muted);
}

:where(html[data-theme]) .storage-warning {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--ink);
}

:where(html[data-theme]) .storage-warning strong {
  color: var(--ink);
}

:where(html[data-theme]) .storage-warning span {
  color: var(--muted);
}

:where(html[data-theme]) .storage-repair-tools {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.07);
}

:where(html[data-theme]) .storage-candidate-note {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
}

:where(html[data-theme]) .storage-candidate-note strong {
  color: var(--link);
}

:where(html[data-theme]) .storage-candidate-note span {
  color: var(--muted);
}

:where(html[data-theme]) .integrity-repair-card {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .integrity-repair-card dt {
  color: var(--muted);
}

:where(html[data-theme]) .integrity-repair-card dd {
  color: var(--link);
}

:where(html[data-theme]) .integrity-bulk-form {
  border: 1px dashed var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .integrity-orphan-list div {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .integrity-orphan-list strong {
  color: var(--link);
}

:where(html[data-theme]) .integrity-orphan-list span {
  color: var(--muted);
}

:where(html[data-theme]) .disabled-link {
  color: var(--muted);
}

:where(html[data-theme]) .sort-link {
  color: var(--muted);
}

:where(html[data-theme]) .sort-link.active {
  color: var(--accent);
}

:where(html[data-theme]) .file-name small {
  color: var(--muted);
}

:where(html[data-theme]) .folder-manager {
  color: var(--muted);
}

:where(html[data-theme]) .folder-chip {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.04);
  color: var(--muted-strong);
}

:where(html[data-theme]) .folder-chip small {
  color: var(--muted);
}

:where(html[data-theme]) .folder-chip button {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
}

:where(html[data-theme]) .timeline time {
  color: var(--accent);
}

:where(html[data-theme]) .schedule-filters label {
  color: var(--muted-strong);
}

:where(html[data-theme]) .health-blocked,
:where(html[data-theme]) .blocked-badge {
  border-color: var(--warning);
  background: var(--warning-bg);
  color: var(--warning);
}

:where(html[data-theme]) .blocked-badge {
  border: 1px solid var(--warning);
}

:where(html[data-theme]) .dependency-warning {
  border: 1px solid var(--warning);
  background: var(--warning-bg);
  color: var(--warning);
}

:where(html[data-theme]) .dependency-item {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
  color: var(--ink);
}

:where(html[data-theme]) .dependency-item.is-blocking {
  border-color: var(--line-strong);
}

:where(html[data-theme]) .dependency-item.is-complete {
  color: var(--muted);
}

:where(html[data-theme]) .schedule-key-item {
  color: var(--muted-strong);
}

:where(html[data-theme]) .schedule-key-swatch {
  border: 1px solid transparent;
  background: var(--surface-2);
}

:where(html[data-theme]) .schedule-key-swatch.status-due-today {
  background: var(--surface-2);
}

:where(html[data-theme]) .schedule-key-swatch.status-future {
  border-color: var(--line-strong);
  background: var(--surface-2);
}

:where(html[data-theme]) .schedule-key-swatch.status-overdue {
  background: var(--danger-bg);
}

:where(html[data-theme]) .schedule-key-swatch.status-complete {
  background: var(--surface-2);
}

:where(html[data-theme]) .gantt-scale-title {
  color: var(--link);
}

:where(html[data-theme]) .gantt-scroll.is-scrollable {
  scrollbar-color: var(--muted) var(--ink);
}

:where(html[data-theme]) .gantt-scroll-hint {
  color: var(--muted);
}

:where(html[data-theme]) .gantt-scale {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .gantt-month-row {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .gantt-month {
  border-left: 1px solid var(--line);
  color: var(--accent);
}

:where(html[data-theme]) .gantt-tick {
  color: var(--muted);
}

:where(html[data-theme]) .gantt-tick.major {
  color: var(--ink);
}

:where(html[data-theme]) .gantt-today-label {
  background: var(--surface);
  color: var(--muted);
}

:where(html[data-theme]) .gantt-meta {
  color: inherit;
}

:where(html[data-theme]) .gantt-scroll.is-scrollable .gantt-meta {
  background: var(--surface);
  box-shadow: 8px 0 10px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .gantt-meta-link {
  color: inherit;
}

:where(html[data-theme]) .gantt-meta-link:hover strong,
:where(html[data-theme]) .gantt-meta-link:focus strong {
  color: var(--accent);
}

:where(html[data-theme]) .gantt-meta-link:focus {
  outline: 1px solid var(--accent-border);
}

:where(html[data-theme]) .gantt-meta strong {
  color: var(--link);
}

:where(html[data-theme]) .gantt-meta-status {
  color: var(--muted);
}

:where(html[data-theme]) .schedule-status-readonly {
  border: 1px solid var(--border);
  color: var(--muted);
}

:where(html[data-theme]) .gantt-track {
  background: var(--surface);
  border: 1px solid var(--line);
}

:where(html[data-theme]) .gantt-grid-line {
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .gantt-grid-line.week {
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .gantt-grid-line.month {
  background: var(--surface-2);
}

:where(html[data-theme]) .gantt-today-line {
  background: var(--surface-2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24), 0 0 10px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .gantt-milestone-marker {
  border: 1px solid var(--line-strong);
  background: var(--surface-2);
  color: var(--link);
}

:where(html[data-theme]) .gantt-milestone-marker:hover,
:where(html[data-theme]) .gantt-milestone-marker:focus,
:where(html[data-theme]) .gantt-milestone-marker.selected {
  background: var(--surface-2);
  outline: 1px solid var(--accent-border);
}

:where(html[data-theme]) .gantt-milestone-marker span {
  color: inherit;
}

:where(html[data-theme]) .gantt-bar {
  background: var(--surface);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-resize-handle {
  border-color: var(--line-strong);
}

:where(html[data-theme]) .gantt-resize-handle.handle-start {
  border-left: 2px solid var(--line-strong);
}

:where(html[data-theme]) .gantt-resize-handle.handle-due {
  border-right: 2px solid var(--line-strong);
}

:where(html[data-theme]) .gantt-bar:hover .gantt-resize-handle,
:where(html[data-theme]) .gantt-bar:focus .gantt-resize-handle,
:where(html[data-theme]) .gantt-bar.is-resizing .gantt-resize-handle {
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .gantt-bar:hover,
:where(html[data-theme]) .gantt-bar:focus {
  outline: 1px solid var(--accent-border);
}

:where(html[data-theme]) .gantt-bar.is-dragging,
:where(html[data-theme]) .gantt-bar.is-drag-preview {
  outline: 2px solid var(--line-strong);
}

:where(html[data-theme]) .gantt-bar.is-pending-shift {
  outline: 2px solid var(--line-strong);
}

:where(html[data-theme]) .gantt-bar.is-drag-preview::after {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--link);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .gantt-drag-confirm {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .gantt-drag-confirm strong {
  color: var(--link);
}

:where(html[data-theme]) .gantt-drag-confirm span {
  color: var(--accent);
}

:where(html[data-theme]) .gantt-row.selected .gantt-track {
  border-color: var(--accent-border);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

:where(html[data-theme]) .gantt-row.overdue .gantt-bar {
  background: var(--danger-bg);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-row.behind:not(.overdue) .gantt-bar {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .gantt-bar.status-complete {
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-bar.status-overdue {
  background: var(--danger-bg);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-bar.status-due-today {
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-bar.status-active {
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-bar.status-future {
  border: 1px dashed var(--line-strong);
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .gantt-row.blocked .gantt-bar {
  box-shadow: inset 0 0 0 2px var(--warning);
}

:where(html[data-theme]) .gantt-row.selected .gantt-bar {
  outline: 2px solid var(--accent-border);
}

:where(html[data-theme]) .gantt-marker {
  background: var(--accent);
}

:where(html[data-theme]) .flash {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--link);
}

:where(html[data-theme]) .flash.error {
  border-color: var(--danger);
  background: var(--danger-bg);
  color: var(--danger);
}

:where(html[data-theme]) .flash.success {
  border-color: var(--success);
  background: var(--success-bg);
  color: var(--success);
}

:where(html[data-theme]) .danger-button {
  background: var(--danger-bg);
  color: var(--danger);
  border: 1px solid var(--danger);
}

:where(html[data-theme]) .danger-button:hover {
  background: var(--danger-bg);
}

:where(html[data-theme]) .admin-delete {
  border-color: var(--line-strong);
  color: var(--accent);
}

:where(html[data-theme]) .rail-panel {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .rail-panel:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .eyebrow {
  color: var(--muted);
}

:where(html[data-theme]) .rail-panel h2 {
  color: var(--link);
}

:where(html[data-theme]) .rail-kicker {
  color: var(--muted);
}

:where(html[data-theme]) .rail-metrics div {
  border: 1px solid var(--line);
  background: var(--surface-2);
}

:where(html[data-theme]) .rail-metrics strong {
  color: var(--link);
}

:where(html[data-theme]) .rail-metrics span,
:where(html[data-theme]) .rail-list span {
  color: var(--muted);
}

:where(html[data-theme]) .rail-list a {
  color: inherit;
}

:where(html[data-theme]) .rail-list a:hover strong,
:where(html[data-theme]) .rail-list a:focus-visible strong {
  color: var(--accent);
}

:where(html[data-theme]) .rail-list strong {
  color: var(--ink);
}

:where(html[data-theme]) .context-detail dt {
  color: var(--muted);
}

:where(html[data-theme]) .context-detail dd {
  color: var(--ink);
}

:where(html[data-theme]) .version-item {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .version-item.is-current {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .version-item strong {
  color: var(--link);
}

:where(html[data-theme]) .version-item span,
:where(html[data-theme]) .version-item em {
  color: var(--muted);
}

:where(html[data-theme]) .version-item a {
  color: var(--accent);
}

:where(html[data-theme]) .file-preview {
  border: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .pdf-preview iframe {
  border: 0;
}

:where(html[data-theme]) .file-viewer-page {
  background: var(--bg);
}

:where(html[data-theme]) .viewer-header,
:where(html[data-theme]) .viewer-meta,
:where(html[data-theme]) .viewer-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

:where(html[data-theme]) .viewer-meta summary {
  color: var(--muted-strong);
}

:where(html[data-theme]) .document-open-panel {
  border-color: var(--line);
  background: rgba(var(--overlay-rgb), 0.06);
}

:where(html[data-theme]) .document-preference {
  color: var(--muted-strong);
}

:where(html[data-theme]) .document-open-status {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.1);
  color: var(--ink);
}

:where(html[data-theme]) .document-advanced {
  border: 1px solid var(--line);
  background: var(--surface-2);
}

:where(html[data-theme]) .document-advanced summary {
  color: var(--muted-strong);
}

:where(html[data-theme]) .document-integration-note {
  border: 1px dashed var(--line);
  background: var(--surface-2);
  color: var(--muted);
}

:where(html[data-theme]) .document-integration-note strong {
  color: var(--ink);
}

:where(html[data-theme]) .document-launch-notice {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
}

:where(html[data-theme]) .document-edit-link-copy label {
  color: var(--muted);
}

:where(html[data-theme]) .document-copy-status {
  color: var(--success);
}

:where(html[data-theme]) .document-copy-status.is-error {
  color: var(--danger);
}

:where(html[data-theme]) .viewer-text {
  border: 1px solid var(--line);
  background: var(--panel-soft);
  color: var(--ink);
}

:where(html[data-theme]) .viewer-table-wrap {
  border: 1px solid var(--line);
}

:where(html[data-theme]) .viewer-table {
  background: var(--panel);
}

:where(html[data-theme]) .viewer-table th,
:where(html[data-theme]) .viewer-table td {
  border: 1px solid var(--line);
}

:where(html[data-theme]) .viewer-table th {
  background: var(--panel-soft);
}

:where(html[data-theme]) .viewer-pdf iframe {
  border: 0;
  background: var(--surface-2);
}

:where(html[data-theme]) .viewer-slide {
  border-top: 1px solid var(--line);
}

:where(html[data-theme]) .viewer-note {
  color: var(--muted);
}

:where(html[data-theme]) .ai-panel {
  border-color: var(--line);
}

:where(html[data-theme]) .login-panel {
  border: 1px solid var(--line);
  background: var(--surface-2);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

@media (max-width: 768px) {
:where(html[data-theme]) body {
  background: var(--bg);
}

:where(html[data-theme]) .sidebar,
:where(html[data-theme]) .left {
  border-right: 0;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .mobile-nav-button {
  border: 0;
  background: transparent;
  color: var(--ink);
}

:where(html[data-theme]) .mobile-nav-menu-icon {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
  color: var(--link);
}

:where(html[data-theme]) .mobile-nav-mark {
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .mobile-nav-mark:focus {
  outline: 2px solid var(--accent-border);
}

:where(html[data-theme]) .mobile-nav-copy strong {
  color: var(--link);
}

:where(html[data-theme]) .mobile-nav-copy em {
  color: var(--muted-strong);
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.08);
  color: var(--muted);
}

:where(html[data-theme]) .mobile-nav-toggle:checked + .mobile-nav-button .mobile-nav-menu-icon {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .sidebar nav.primary-nav {
  border-top: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .sidebar nav a {
  border: 1px solid transparent;
  background: transparent;
  color: var(--link);
}

:where(html[data-theme]) .sidebar nav a.active {
  border-color: var(--accent-border);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
}

:where(html[data-theme]) .mobile-nav-logout {
  color: var(--muted);
}

:where(html[data-theme]) .right {
  border-left: 0;
  background: transparent;
}

:where(html[data-theme]) .context-panel {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .mobile-context-button {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.035);
  color: var(--on-accent);
  box-shadow: none;
}

:where(html[data-theme]) .mobile-context-toggle:checked ~ .mobile-context-button {
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--accent);
}

:where(html[data-theme]) .page-head p {
  color: var(--muted);
}

:where(html[data-theme]) body[data-view="spaces"][data-mobile-project-menu="0"] .page-head h1 {
  color: var(--link);
}

:where(html[data-theme]) body[data-view="spaces"][data-mobile-project-menu="0"] .page-head p {
  color: var(--muted-strong);
}

:where(html[data-theme]) .project-select-row {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .project-select-row:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .project-select-row strong {
  color: var(--link);
}

:where(html[data-theme]) .mobile-project-unread-badge {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
}

:where(html[data-theme]) .mobile-project-unread-badge:empty {
  background: transparent;
}

:where(html[data-theme]) .mobile-project-menu-head {
  border-bottom: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.02);
}

:where(html[data-theme]) .mobile-project-menu-head span {
  color: var(--muted);
}

:where(html[data-theme]) .mobile-project-menu-head strong {
  color: var(--link);
}

:where(html[data-theme]) .mobile-project-menu-row {
  border-bottom: 1px solid var(--line);
  color: var(--link);
}

:where(html[data-theme]) .mobile-project-menu-row em {
  color: var(--muted);
}

:where(html[data-theme]) .mobile-logout-row {
  color: var(--muted);
}

:where(html[data-theme]) .communications-tabs,
:where(html[data-theme]) .files-view-toggle {
  border: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .communications-tabs a,
:where(html[data-theme]) .view-toggle-button {
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  color: var(--muted-strong);
}

:where(html[data-theme]) .communications-tabs a:last-child,
:where(html[data-theme]) .view-toggle-button:last-child {
  border-right: 0;
}

:where(html[data-theme]) .communications-tabs a.active,
:where(html[data-theme]) .view-toggle-button.is-active {
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--ink);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .file-breadcrumb {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.025);
}

:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.folder-row,
:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.file-row {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.folder-row:last-child,
:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.file-row:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.folder-row::after,
:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-table tr.file-row::after {
  color: var(--muted);
}

:where(html[data-theme]) .files-explorer[data-files-mobile-simple="1"] .file-name a {
  color: var(--link);
}

:where(html[data-theme]) .file-table tr,
:where(html[data-theme]) .task-table tbody tr {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.018);
}

:where(html[data-theme]) .file-table td,
:where(html[data-theme]) .task-table td {
  border-bottom: 0;
}

:where(html[data-theme]) .file-table td:not(:first-child),
:where(html[data-theme]) .task-table td:not(:first-child) {
  color: var(--muted-strong);
}

:where(html[data-theme]) .file-table td:not(:first-child)::before,
:where(html[data-theme]) .task-table td:not(:first-child)::before {
  color: var(--muted);
}

:where(html[data-theme]) .task-table-wrap .task-table tbody tr {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .task-table-wrap .task-table tbody tr:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .task-table-wrap .task-table td:first-child::before {
  color: var(--muted);
}

:where(html[data-theme]) .task-table-wrap .task-table td:first-child .inline-edit-trigger {
  border: 0;
  background: transparent;
  color: var(--link);
}

:where(html[data-theme]) .request-grid-row {
  border: 1px solid var(--line);
  background: rgba(var(--overlay-rgb), 0.018);
}

:where(html[data-theme]) .request-grid-cell::before {
  color: var(--muted);
}

:where(html[data-theme]) .request-grid-row {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .request-grid-row:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .request-title-cell::before {
  color: var(--muted);
}

:where(html[data-theme]) .request-title-cell .inline-edit-trigger {
  border: 0;
  background: transparent;
  color: var(--link);
}

:where(html[data-theme]) .file-table tr.selected,
:where(html[data-theme]) .file-table tr.is-selected,
:where(html[data-theme]) .task-table tr.selected {
  background: var(--row-selected-bg);
}

:where(html[data-theme]) .activity-table tr {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .activity-table td {
  border-bottom: 0;
}

:where(html[data-theme]) .activity-table td:first-child strong {
  color: var(--link);
}

:where(html[data-theme]) .activity-table td:nth-child(2) {
  color: var(--muted-strong);
}

:where(html[data-theme]) .activity-table td:not(:first-child)::before {
  color: var(--muted);
}
}

:where(html[data-theme]) body {
  color: var(--text-primary);
}

:where(html[data-theme]) .panel,
:where(html[data-theme]) .card,
:where(html[data-theme]) .rail-panel,
:where(html[data-theme]) .context-panel,
:where(html[data-theme]) .file-table-wrap,
:where(html[data-theme]) .files-preview-grid,
:where(html[data-theme]) .upload-conflict-panel,
:where(html[data-theme]) .integrity-panel,
:where(html[data-theme]) .viewer-linked,
:where(html[data-theme]) .viewer-open-options,
:where(html[data-theme]) .activity-table-wrap,
:where(html[data-theme]) .task-table-wrap,
:where(html[data-theme]) .request-table-wrap {
  border-color: var(--panel-border);
  background: var(--surface-bg);
}

:where(html[data-theme]) .page-head p,
:where(html[data-theme]) .active-project-strip small,
:where(html[data-theme]) .file-breadcrumb,
:where(html[data-theme]) .muted,
:where(html[data-theme]) .empty-cell,
:where(html[data-theme]) .file-drop-note,
:where(html[data-theme]) .request-grid-cell small,
:where(html[data-theme]) .task-table td small,
:where(html[data-theme]) .activity-table small,
:where(html[data-theme]) .direct-thread-snippet,
:where(html[data-theme]) .direct-thread-row-meta,
:where(html[data-theme]) .message time,
:where(html[data-theme]) .message small,
:where(html[data-theme]) .direct-message small,
:where(html[data-theme]) .file-preview-meta,
:where(html[data-theme]) .file-name small,
:where(html[data-theme]) .viewer-meta,
:where(html[data-theme]) .viewer-note {
  color: var(--text-muted);
}

:where(html[data-theme]) .rail-kicker,
:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .request-grid-heading,
:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .file-upload-form label,
:where(html[data-theme]) .file-selection-bar label,
:where(html[data-theme]) .rail-form label,
:where(html[data-theme]) .direct-message-form label,
:where(html[data-theme]) .project-assignment-fieldset legend,
:where(html[data-theme]) .file-filter-strip label,
:where(html[data-theme]) .task-filters-compact label,
:where(html[data-theme]) .task-create-compact label {
  color: var(--text-muted);
}

:where(html[data-theme]) button,
:where(html[data-theme]) .button,
:where(html[data-theme]) input[type="submit"],
:where(html[data-theme]) input[type="button"] {
  background: var(--button-bg);
  color: var(--on-accent);
}

:where(html[data-theme]) button:hover,
:where(html[data-theme]) .button:hover,
:where(html[data-theme]) input[type="submit"]:hover,
:where(html[data-theme]) input[type="button"]:hover {
  background: var(--button-hover-bg);
}

:where(html[data-theme]) .button.secondary,
:where(html[data-theme]) button.secondary {
  background: var(--button-secondary-bg);
  color: var(--text-primary);
  border: 1px solid var(--panel-border);
}

:where(html[data-theme]) input,
:where(html[data-theme]) select,
:where(html[data-theme]) textarea {
  border-color: var(--line-strong);
}

:where(html[data-theme]) input::placeholder,
:where(html[data-theme]) textarea::placeholder {
  color: var(--text-muted);
}

:where(html[data-theme]) .communications-tabs a,
:where(html[data-theme]) .segmented-tabs a,
:where(html[data-theme]) .view-toggle-button,
:where(html[data-theme]) .settings-sections a {
  color: var(--text-subtle);
}

:where(html[data-theme]) .communications-tabs a.active,
:where(html[data-theme]) .communications-tabs a:hover,
:where(html[data-theme]) .segmented-tabs a.active,
:where(html[data-theme]) .view-toggle-button.is-active,
:where(html[data-theme]) .settings-sections a.active {
  border-color: var(--selected-border);
  background: var(--selected-background);
  color: var(--text-primary);
  box-shadow: none;
}

:where(html[data-theme]) .nav-badge,
:where(html[data-theme]) .mobile-project-unread-badge,
:where(html[data-theme]) .project-unread-badge,
:where(html[data-theme]) .new-badge,
:where(html[data-theme]) .status-pill,
:where(html[data-theme]) .health-pill,
:where(html[data-theme]) .file-type-badge,
:where(html[data-theme]) .direct-thread-kind,
:where(html[data-theme]) .direct-reaction-badge,
:where(html[data-theme]) .reaction-badge,
:where(html[data-theme]) .role-badge,
:where(html[data-theme]) .storage-status-badge {
  border-color: var(--selected-border);
  background: var(--badge-bg);
  color: var(--accent-gold);
}

:where(html[data-theme]) .sidebar nav a {
  color: var(--text-subtle);
}

:where(html[data-theme]) .sidebar nav a.active {
  background: var(--selected-background);
  box-shadow: inset 2px 0 0 var(--selected-border);
  color: var(--text-primary);
}

:where(html[data-theme]) .active-project-context {
  border-color: var(--panel-border);
}

:where(html[data-theme]) .active-project-context span,
:where(html[data-theme]) .user-card span {
  color: var(--text-muted);
}

:where(html[data-theme]) .project-select-row strong,
:where(html[data-theme]) .direct-thread-row-head strong,
:where(html[data-theme]) .message strong,
:where(html[data-theme]) .direct-message strong,
:where(html[data-theme]) .file-preview-name,
:where(html[data-theme]) .file-label,
:where(html[data-theme]) .task-table td:first-child a,
:where(html[data-theme]) .request-title-cell .request-title-link,
:where(html[data-theme]) .activity-table strong {
  color: var(--text-primary);
}

:where(html[data-theme]) .message p,
:where(html[data-theme]) .direct-message-content,
:where(html[data-theme]) .direct-message p,
:where(html[data-theme]) .communication-activity-item span,
:where(html[data-theme]) .request-grid-cell,
:where(html[data-theme]) .task-table td,
:where(html[data-theme]) .file-table td,
:where(html[data-theme]) .activity-table td {
  color: var(--text-primary);
}

:where(html[data-theme]) .message-meta,
:where(html[data-theme]) .direct-thread-row-meta,
:where(html[data-theme]) .direct-message-read,
:where(html[data-theme]) .direct-message small,
:where(html[data-theme]) .message small,
:where(html[data-theme]) .message time {
  color: var(--text-muted);
}

:where(html[data-theme]) .message.selected,
:where(html[data-theme]) .direct-message.selected,
:where(html[data-theme]) .file-table tr.selected,
:where(html[data-theme]) .file-table tr.is-selected,
:where(html[data-theme]) .task-table tr.selected,
:where(html[data-theme]) .request-grid-row.selected,
:where(html[data-theme]) .file-preview-card.selected,
:where(html[data-theme]) .file-preview-card.is-selected,
:where(html[data-theme]) .activity-table tr.selected {
  border-color: var(--selected-border);
  background: var(--selected-background);
}

:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .request-grid-heading {
  color: var(--text-muted);
  background: transparent;
}

:where(html[data-theme]) .file-table tr:hover,
:where(html[data-theme]) .task-table tbody tr:hover,
:where(html[data-theme]) .request-grid-row:hover,
:where(html[data-theme]) .activity-table tbody tr:hover,
:where(html[data-theme]) .file-preview-card:hover,
:where(html[data-theme]) .direct-thread-row a:hover,
:where(html[data-theme]) .communication-activity-item:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .right dt,
:where(html[data-theme]) .context-panel dt {
  color: var(--text-muted);
}

:where(html[data-theme]) .right dd,
:where(html[data-theme]) .context-panel dd {
  color: var(--text-primary);
}

:where(html[data-theme]) html,
:where(html[data-theme]) body {
  background: var(--bg);
}

:where(html[data-theme]) body {
  background: var(--bg);
  color: var(--text);
}

:where(html[data-theme]) a {
  color: var(--accent-hover);
}

:where(html[data-theme]) a:hover {
  color: var(--link);
}

:where(html[data-theme]) .sidebar,
:where(html[data-theme]) .right,
:where(html[data-theme]) .content,
:where(html[data-theme]) .main,
:where(html[data-theme]) .panel,
:where(html[data-theme]) .card,
:where(html[data-theme]) .rail-panel,
:where(html[data-theme]) .context-panel,
:where(html[data-theme]) .file-table-wrap,
:where(html[data-theme]) .task-table-wrap,
:where(html[data-theme]) .request-table-wrap,
:where(html[data-theme]) .activity-table-wrap,
:where(html[data-theme]) .files-preview-grid,
:where(html[data-theme]) .viewer-shell,
:where(html[data-theme]) .viewer-linked,
:where(html[data-theme]) .viewer-open-options,
:where(html[data-theme]) .upload-conflict-panel,
:where(html[data-theme]) .upload-status-panel,
:where(html[data-theme]) .integrity-panel {
  background: var(--surface-bg);
  border-color: var(--border);
  box-shadow: none;
}

:where(html[data-theme]) .sidebar {
  background: var(--control-bg);
  border-right-color: var(--border);
}

:where(html[data-theme]) .right {
  border-left-color: var(--border);
}

:where(html[data-theme]) .brand-mark {
  background: var(--surface-2);
  color: var(--text);
  box-shadow: none;
}

:where(html[data-theme]) .sidebar nav a,
:where(html[data-theme]) .active-project-context,
:where(html[data-theme]) .project-select-row,
:where(html[data-theme]) .direct-thread-row a,
:where(html[data-theme]) .communication-activity-item,
:where(html[data-theme]) .message,
:where(html[data-theme]) .direct-message,
:where(html[data-theme]) .file-preview-card,
:where(html[data-theme]) .request-grid-row,
:where(html[data-theme]) .task-card,
:where(html[data-theme]) .activity-table tbody tr {
  background: transparent;
  border-color: transparent;
  color: var(--text-muted);
}

:where(html[data-theme]) .sidebar nav a.active,
:where(html[data-theme]) .sidebar nav a:hover,
:where(html[data-theme]) .active-project-context:hover,
:where(html[data-theme]) .active-project-context.active,
:where(html[data-theme]) .project-select-row:hover,
:where(html[data-theme]) .project-select-row.active,
:where(html[data-theme]) .direct-thread-row a:hover,
:where(html[data-theme]) .direct-thread-row a.active,
:where(html[data-theme]) .communication-activity-item:hover,
:where(html[data-theme]) .message.selected,
:where(html[data-theme]) .direct-message.selected,
:where(html[data-theme]) .file-table tr.selected,
:where(html[data-theme]) .file-table tr.is-selected,
:where(html[data-theme]) .task-table tr.selected,
:where(html[data-theme]) .request-grid-row.selected,
:where(html[data-theme]) .file-preview-card.selected,
:where(html[data-theme]) .file-preview-card.is-selected,
:where(html[data-theme]) .activity-table tr.selected {
  background: var(--selected-background);
  border-color: var(--selected-border);
  color: var(--text);
  box-shadow: none;
}

:where(html[data-theme]) .active-project-context strong,
:where(html[data-theme]) .project-row-meta em,
:where(html[data-theme]) .pinned-title,
:where(html[data-theme]) .message strong,
:where(html[data-theme]) .direct-message strong,
:where(html[data-theme]) .direct-thread-row-head strong,
:where(html[data-theme]) .file-label,
:where(html[data-theme]) .file-preview-name,
:where(html[data-theme]) .task-table td:first-child a,
:where(html[data-theme]) .request-title-cell .request-title-link,
:where(html[data-theme]) .activity-table strong,
:where(html[data-theme]) .user-cell a,
:where(html[data-theme]) .file-breadcrumb a,
:where(html[data-theme]) .rail-list a strong,
:where(html[data-theme]) .version-item a,
:where(html[data-theme]) .project-select-row strong,
:where(html[data-theme]) .project-card h2 a,
:where(html[data-theme]) .task-card h2 a {
  color: var(--text);
}

:where(html[data-theme]) .page-head h1,
:where(html[data-theme]) .files-explorer-header-compact h1 {
  color: var(--text);
}

:where(html[data-theme]) .panel h2,
:where(html[data-theme]) .card h2,
:where(html[data-theme]) .rail-panel h2,
:where(html[data-theme]) .context-detail h2,
:where(html[data-theme]) .messaging-active-title h2,
:where(html[data-theme]) .direct-thread-head h2,
:where(html[data-theme]) .viewer-header h1,
:where(html[data-theme]) .viewer-linked h2,
:where(html[data-theme]) .document-open-panel h2,
:where(html[data-theme]) .upload-status-panel h2,
:where(html[data-theme]) .integrity-panel h2 {
  color: var(--text);
}

:where(html[data-theme]) .page-head p,
:where(html[data-theme]) .active-project-context span,
:where(html[data-theme]) .project-select-row small,
:where(html[data-theme]) .project-row-meta,
:where(html[data-theme]) .message-meta,
:where(html[data-theme]) .message time,
:where(html[data-theme]) .message small,
:where(html[data-theme]) .direct-message small,
:where(html[data-theme]) .direct-message-read,
:where(html[data-theme]) .direct-thread-row-meta,
:where(html[data-theme]) .direct-thread-snippet,
:where(html[data-theme]) .file-name small,
:where(html[data-theme]) .file-preview-meta,
:where(html[data-theme]) .task-table td small,
:where(html[data-theme]) .request-grid-cell small,
:where(html[data-theme]) .activity-table small,
:where(html[data-theme]) .viewer-meta,
:where(html[data-theme]) .viewer-note,
:where(html[data-theme]) .muted,
:where(html[data-theme]) .empty-cell,
:where(html[data-theme]) .file-drop-note {
  color: var(--muted);
}

:where(html[data-theme]) .rail-kicker,
:where(html[data-theme]) .right dt,
:where(html[data-theme]) .context-panel dt,
:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .request-grid-heading,
:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .rail-form label,
:where(html[data-theme]) .direct-message-form label,
:where(html[data-theme]) .file-upload-form label,
:where(html[data-theme]) .file-selection-bar label,
:where(html[data-theme]) .task-filters-compact label,
:where(html[data-theme]) .task-create-compact label,
:where(html[data-theme]) .file-filter-strip label {
  color: var(--text-soft);
}

:where(html[data-theme]) .right dd,
:where(html[data-theme]) .context-panel dd,
:where(html[data-theme]) .right p:not(.rail-kicker),
:where(html[data-theme]) .context-panel p:not(.rail-kicker),
:where(html[data-theme]) .message p,
:where(html[data-theme]) .direct-message-content,
:where(html[data-theme]) .direct-message p,
:where(html[data-theme]) .file-table td,
:where(html[data-theme]) .task-table td,
:where(html[data-theme]) .request-grid-cell,
:where(html[data-theme]) .activity-table td,
:where(html[data-theme]) .viewer-document,
:where(html[data-theme]) .viewer-open-card p {
  color: var(--text);
}

:where(html[data-theme]) button,
:where(html[data-theme]) .button,
:where(html[data-theme]) input[type="submit"],
:where(html[data-theme]) input[type="button"],
:where(html[data-theme]) .right .button,
:where(html[data-theme]) .right button,
:where(html[data-theme]) .context-panel .button,
:where(html[data-theme]) .context-panel button,
:where(html[data-theme]) .rail-panel .button,
:where(html[data-theme]) .rail-panel button {
  border: 1px solid var(--line);
  background: var(--button-bg);
  color: var(--on-accent);
  box-shadow: none;
}

:where(html[data-theme]) button:hover,
:where(html[data-theme]) .button:hover,
:where(html[data-theme]) input[type="submit"]:hover,
:where(html[data-theme]) input[type="button"]:hover {
  background: var(--button-hover-bg);
  color: var(--on-accent);
}

:where(html[data-theme]) .button.secondary,
:where(html[data-theme]) button.secondary,
:where(html[data-theme]) .button.ghost,
:where(html[data-theme]) button.ghost {
  background: var(--button-secondary-bg);
  color: var(--text);
  border-color: var(--border);
}

:where(html[data-theme]) .danger-button,
:where(html[data-theme]) button.danger,
:where(html[data-theme]) .button.danger {
  background: var(--danger-bg);
  color: var(--danger);
  border-color: var(--danger);
}

:where(html[data-theme]) input,
:where(html[data-theme]) select,
:where(html[data-theme]) textarea {
  background: var(--surface);
  border-color: var(--line-strong);
  color: var(--text);
  box-shadow: none;
}

:where(html[data-theme]) input:focus,
:where(html[data-theme]) select:focus,
:where(html[data-theme]) textarea:focus,
:where(html[data-theme]) button:focus-visible,
:where(html[data-theme]) .button:focus-visible,
:where(html[data-theme]) a:focus-visible {
  outline: 2px solid var(--accent-border);
}

:where(html[data-theme]) input::placeholder,
:where(html[data-theme]) textarea::placeholder {
  color: var(--text-soft);
}

:where(html[data-theme]) .communications-tabs,
:where(html[data-theme]) .files-view-toggle,
:where(html[data-theme]) .segmented-tabs,
:where(html[data-theme]) .settings-sections {
  background: var(--surface-2);
  border-color: var(--border);
}

:where(html[data-theme]) .communications-tabs a,
:where(html[data-theme]) .segmented-tabs a,
:where(html[data-theme]) .view-toggle-button,
:where(html[data-theme]) .settings-sections a {
  color: var(--muted-strong);
}

:where(html[data-theme]) .communications-tabs a.active,
:where(html[data-theme]) .communications-tabs a:hover,
:where(html[data-theme]) .segmented-tabs a.active,
:where(html[data-theme]) .view-toggle-button.is-active,
:where(html[data-theme]) .settings-sections a.active {
  background: var(--surface-3);
  border-color: var(--accent-border);
  color: var(--text);
  box-shadow: none;
}

:where(html[data-theme]) .nav-badge,
:where(html[data-theme]) .mobile-project-unread-badge,
:where(html[data-theme]) .project-unread-badge,
:where(html[data-theme]) .new-badge,
:where(html[data-theme]) .status-pill,
:where(html[data-theme]) .health-pill,
:where(html[data-theme]) .file-type-badge,
:where(html[data-theme]) .direct-thread-kind,
:where(html[data-theme]) .direct-reaction-badge,
:where(html[data-theme]) .reaction-badge,
:where(html[data-theme]) .role-badge,
:where(html[data-theme]) .storage-status-badge {
  border: 1px solid var(--line);
  background: var(--badge-bg);
  color: var(--gold);
}

:where(html[data-theme]) .status-pill,
:where(html[data-theme]) .health-pill,
:where(html[data-theme]) .file-type-badge {
  border-color: var(--border);
  background: rgba(var(--overlay-rgb), 0.08);
  color: var(--muted-strong);
}

:where(html[data-theme]) .task-table,
:where(html[data-theme]) .file-table,
:where(html[data-theme]) .activity-table,
:where(html[data-theme]) .request-grid {
  color: var(--text);
}

:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .file-table td,
:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .task-table td,
:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .activity-table td,
:where(html[data-theme]) .request-grid-heading,
:where(html[data-theme]) .request-grid-cell {
  border-color: var(--border);
}

:where(html[data-theme]) .file-table th,
:where(html[data-theme]) .task-table th,
:where(html[data-theme]) .activity-table th,
:where(html[data-theme]) .request-grid-header {
  background: var(--surface);
}

:where(html[data-theme]) .file-table tr:hover,
:where(html[data-theme]) .task-table tbody tr:hover,
:where(html[data-theme]) .activity-table tbody tr:hover,
:where(html[data-theme]) .request-grid-row:hover,
:where(html[data-theme]) .file-preview-card:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .files-preview-grid {
  background: transparent;
}

:where(html[data-theme]) .file-preview-card,
:where(html[data-theme]) .viewer-open-card,
:where(html[data-theme]) .integrity-repair-card,
:where(html[data-theme]) .upload-conflict-dialog,
:where(html[data-theme]) .project-select-row {
  background: var(--surface-2);
  border-color: var(--border);
}

:where(html[data-theme]) .file-preview-box {
  background: var(--surface);
  border-color: var(--border);
}

:where(html[data-theme]) .preview-type-tile {
  background: var(--surface-2);
  color: var(--ink);
}

:where(html[data-theme]) .preview-type-slide,
:where(html[data-theme]) .preview-type-doc,
:where(html[data-theme]) .preview-type-file,
:where(html[data-theme]) .preview-type-text {
  border-top-color: var(--accent);
}

:where(html[data-theme]) .preview-type-pdf {
  border-top-color: var(--danger);
}

:where(html[data-theme]) .preview-type-sheet {
  border-top-color: var(--success);
}

:where(html[data-theme]) .gantt-header,
:where(html[data-theme]) .gantt-table,
:where(html[data-theme]) .schedule-toolbar,
:where(html[data-theme]) .timeline-header,
:where(html[data-theme]) .timeline-row,
:where(html[data-theme]) .calendar-grid,
:where(html[data-theme]) .calendar-item {
  border-color: var(--border);
}

:where(html[data-theme]) .gantt-meta,
:where(html[data-theme]) .gantt-date,
:where(html[data-theme]) .timeline-date,
:where(html[data-theme]) .calendar-meta {
  color: var(--muted);
}

:where(html[data-theme]) .viewer-page,
:where(html[data-theme]) .file-viewer-page {
  background: var(--bg);
  color: var(--text);
}

:where(html[data-theme]) .viewer-header,
:where(html[data-theme]) .viewer-actions,
:where(html[data-theme]) .viewer-linked,
:where(html[data-theme]) .document-open-panel {
  border-color: var(--border);
}

@media (max-width: 760px) {
:where(html[data-theme]) body {
  background: var(--bg);
}

:where(html[data-theme]) .mobile-project-menu,
:where(html[data-theme]) .active-project-strip,
:where(html[data-theme]) .page-head,
:where(html[data-theme]) .panel,
:where(html[data-theme]) .card,
:where(html[data-theme]) .rail-panel,
:where(html[data-theme]) .context-panel {
  background: var(--surface-bg);
  border-color: var(--border);
}
}

:where(html[data-theme]) .task-table th .task-sort-link.active,
:where(html[data-theme]) .request-column-sort:hover,
:where(html[data-theme]) .request-column-sort.active,
:where(html[data-theme]) .inline-edit-trigger,
:where(html[data-theme]) .inline-edit-trigger:hover,
:where(html[data-theme]) .inline-edit-trigger:focus-visible,
:where(html[data-theme]) .task-table .inline-edit-trigger,
:where(html[data-theme]) .request-grid .inline-edit-trigger,
:where(html[data-theme]) .user-cell a,
:where(html[data-theme]) .active-project-context strong,
:where(html[data-theme]) .project-row-meta em,
:where(html[data-theme]) .file-breadcrumb a,
:where(html[data-theme]) .rail-list a,
:where(html[data-theme]) .rail-list a strong,
:where(html[data-theme]) .version-item a,
:where(html[data-theme]) .attachment-detail a,
:where(html[data-theme]) .settings-sections a.active,
:where(html[data-theme]) .communication-activity-item strong,
:where(html[data-theme]) .request-title-cell .request-title-link,
:where(html[data-theme]) .task-table td:first-child a,
:where(html[data-theme]) .file-table .file-open-link,
:where(html[data-theme]) .file-table .folder-open-link,
:where(html[data-theme]) .direct-thread-row a,
:where(html[data-theme]) .project-select-row strong {
  color: var(--text);
}

:where(html[data-theme]) .task-table th .task-sort-link.active,
:where(html[data-theme]) .request-column-sort:hover,
:where(html[data-theme]) .request-column-sort.active {
  color: var(--muted-strong);
}

:where(html[data-theme]) .inline-edit-trigger.status-pill,
:where(html[data-theme]) .inline-edit-trigger.health-pill,
:where(html[data-theme]) .inline-edit-trigger.priority-pill,
:where(html[data-theme]) .inline-edit-trigger .status-pill,
:where(html[data-theme]) .inline-edit-trigger .health-pill,
:where(html[data-theme]) .inline-edit-trigger .priority-pill,
:where(html[data-theme]) .nav-badge,
:where(html[data-theme]) .mobile-project-unread-badge,
:where(html[data-theme]) .project-unread-badge,
:where(html[data-theme]) .new-badge,
:where(html[data-theme]) .direct-thread-kind,
:where(html[data-theme]) .direct-reaction-badge,
:where(html[data-theme]) .reaction-badge,
:where(html[data-theme]) .role-badge,
:where(html[data-theme]) .storage-status-badge {
  color: var(--gold);
}

:where(html[data-theme]) .status-pill,
:where(html[data-theme]) .health-pill,
:where(html[data-theme]) .priority-pill,
:where(html[data-theme]) .file-type-badge {
  color: var(--muted-strong);
}

:where(html[data-theme]) .task-table .inline-edit-trigger *,
:where(html[data-theme]) .request-grid .inline-edit-trigger *,
:where(html[data-theme]) .task-table td:first-child .inline-edit-trigger,
:where(html[data-theme]) .task-table td:first-child .inline-edit-trigger *,
:where(html[data-theme]) .request-title-cell .inline-edit-trigger,
:where(html[data-theme]) .request-title-cell .inline-edit-trigger *,
:where(html[data-theme]) .gantt-today-label {
  color: var(--text);
}

:where(html[data-theme]) .gantt-today-label {
  background: var(--surface-3);
  border-color: var(--accent-border);
  color: var(--muted);
}

:where(html[data-theme]) .task-table tr.overdue td,
:where(html[data-theme]) .task-table tr.overdue td *,
:where(html[data-theme]) .task-table tr.overdue .inline-edit-trigger,
:where(html[data-theme]) .task-table tr.overdue .inline-edit-trigger * {
  color: var(--text);
}

:where(html[data-theme]) .task-table tr.overdue small,
:where(html[data-theme]) .task-table tr.overdue td small {
  color: var(--muted);
}

:where(html[data-theme]) .task-table tr.overdue .status-pill,
:where(html[data-theme]) .task-table tr.overdue .health-pill,
:where(html[data-theme]) .task-table tr.overdue .priority-pill,
:where(html[data-theme]) .task-table tr.overdue .health-chip {
  color: var(--muted-strong);
}

:where(html[data-theme]) body[data-view="communications"] .communications-tabs {
  background: var(--surface-2);
}

:where(html[data-theme]) body[data-view="communications"] .communications-tabs a {
  border: 1px solid transparent;
  color: var(--muted-strong);
}

:where(html[data-theme]) body[data-view="communications"] .communications-tabs a.active {
  background: var(--surface-2);
  border-color: var(--accent-border);
  color: var(--text);
}

:where(html[data-theme]) .comm-selector-row {
  border-bottom: 1px solid var(--border);
}

:where(html[data-theme]) .comm-select {
  background: var(--surface-2);
  color: var(--text);
}

:where(html[data-theme]) .topic-directory-head p {
  color: var(--muted);
}

:where(html[data-theme]) .topic-browser-controls {
  border-bottom: 1px solid var(--border);
}

:where(html[data-theme]) .topic-browser-search input {
  background: var(--surface-2);
}

:where(html[data-theme]) .topic-browser-filter-group .button.is-active {
  border-color: var(--accent-border);
  background: var(--surface-2);
  color: var(--text);
}

:where(html[data-theme]) .topic-browser-groups {
  border: 1px solid var(--line);
  background: var(--surface-2);
}

:where(html[data-theme]) .topic-browser-category {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .topic-browser-category:last-of-type {
  border-bottom: 0;
}

:where(html[data-theme]) .topic-browser-category > summary:hover,
:where(html[data-theme]) .topic-browser-category[open] > summary {
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .topic-category-chevron {
  color: var(--muted-strong);
}

:where(html[data-theme]) .topic-browser-category > summary strong {
  color: var(--text);
}

:where(html[data-theme]) .topic-category-count,
:where(html[data-theme]) .topic-category-activity,
:where(html[data-theme]) .topic-browser-topic time {
  color: var(--muted);
}

:where(html[data-theme]) .topic-browser-topic-list {
  border-top: 1px solid var(--line);
}

:where(html[data-theme]) .topic-browser-topic {
  border-bottom: 1px solid var(--line);
  color: var(--text);
}

:where(html[data-theme]) .topic-browser-topic:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .topic-browser-topic:hover,
:where(html[data-theme]) .topic-browser-topic:focus,
:where(html[data-theme]) .topic-browser-topic.is-selected {
  background: var(--surface-2);
  color: var(--text);
}

:where(html[data-theme]) .topic-browser-topic.is-unread {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .topic-browser-empty {
  color: var(--muted);
}

:where(html[data-theme]) .topic-conversation-head {
  border-bottom: 1px solid var(--border);
}

:where(html[data-theme]) .topic-breadcrumb {
  color: var(--muted-strong);
}

:where(html[data-theme]) .topic-breadcrumb strong {
  color: var(--text);
}

:where(html[data-theme]) .direct-conversation-head {
  border-bottom: 1px solid var(--border);
}

:where(html[data-theme]) .direct-conversation-head strong {
  color: var(--text);
}

:where(html[data-theme]) .communications-browser-sidebar {
  border-right: 1px solid var(--line-strong);
  background: var(--surface-2);
}

:where(html[data-theme]) .direct-browser-search input {
  background: var(--surface-2);
}

:where(html[data-theme]) .direct-browser-list {
  border: 1px solid var(--line);
  background: var(--surface-2);
}

:where(html[data-theme]) .direct-browser-list .direct-thread-row {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .direct-browser-list .direct-thread-row:last-child {
  border-bottom: 0;
}

:where(html[data-theme]) .communications-browser-sidebar > header strong {
  color: var(--text);
}

:where(html[data-theme]) .communications-browser-sidebar > footer {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .communications-browser-sidebar > footer a {
  color: var(--link);
}

:where(html[data-theme]) .communications-sidebar-resize-handle {
  border: 0;
  background: transparent;
}

:where(html[data-theme]) .communications-sidebar-resize-handle::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .communications-sidebar-resize-handle:hover::after,
:where(html[data-theme]) .communications-sidebar-resize-handle:focus-visible::after,
:where(html[data-theme]) body.is-resizing-communications-sidebar .communications-sidebar-resize-handle::after {
  background: var(--surface-2);
}

:where(html[data-theme]) .comm-topic-create-panel {
  border: 1px solid var(--border);
  background: var(--surface-2);
}

:where(html[data-theme]) .comm-topic-create-panel label {
  color: var(--muted-strong);
}

:where(html[data-theme]) .comm-context-pill,
:where(html[data-theme]) .comm-chip,
:where(html[data-theme]) .comm-icon-button {
  border: 1px solid var(--border);
  background: var(--surface-2);
  color: var(--muted-strong);
}

:where(html[data-theme]) .comm-chip {
  color: var(--text);
}

:where(html[data-theme]) .comm-message {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-left: 0;
  background: transparent;
}

:where(html[data-theme]) .comm-message:hover,
:where(html[data-theme]) .comm-message.selected {
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .comm-avatar {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
}

:where(html[data-theme]) .comm-meta {
  color: var(--muted);
}

:where(html[data-theme]) .comm-meta strong {
  color: var(--text);
}

:where(html[data-theme]) .comm-meta time,
:where(html[data-theme]) .comm-meta .edited-marker {
  color: var(--muted);
}

:where(html[data-theme]) .comm-body,
:where(html[data-theme]) .comm-message p.comm-body {
  color: var(--text);
}

:where(html[data-theme]) .comm-body a,
:where(html[data-theme]) .comm-feed-main a {
  color: var(--link);
}

:where(html[data-theme]) .comm-signal-time {
  color: var(--muted);
}

:where(html[data-theme]) .comm-badge {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted-strong);
}

:where(html[data-theme]) .comm-read-badge {
  color: var(--muted);
}

:where(html[data-theme]) .comm-date-separator {
  color: var(--muted);
}

:where(html[data-theme]) .comm-date-separator::before,
:where(html[data-theme]) .comm-date-separator::after {
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .comm-composer {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .comm-feed-list .communication-activity-item {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

:where(html[data-theme]) .comm-feed-main strong {
  color: var(--text);
}

:where(html[data-theme]) .comm-feed-main strong span,
:where(html[data-theme]) .comm-feed-main em,
:where(html[data-theme]) .comm-feed-side {
  color: var(--muted);
}

:where(html[data-theme]) .comm-feed-side {
  color: var(--muted);
}

:where(html[data-theme]) body[data-view="communications"] .right .button,
:where(html[data-theme]) body[data-view="communications"] .right button {
  background: var(--surface-2);
  border-color: var(--line);
}

:where(html[data-theme]) .work-item-panel > .delete-form {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .import-status {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
  color: var(--muted);
}

:where(html[data-theme]) .import-status.has-errors {
  border-color: var(--danger);
  background: var(--danger-bg);
  color: var(--danger);
}

:where(html[data-theme]) .import-errors {
  border: 1px solid var(--danger);
  background: var(--danger-bg);
  color: var(--danger);
}

:where(html[data-theme]) .task-import-table th,
:where(html[data-theme]) .task-import-table td {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .task-import-table th {
  color: var(--muted);
}

:where(html[data-theme]) .task-import-table tr.has-errors {
  background: var(--danger-bg);
}

:where(html[data-theme]) .task-import-table td small {
  color: var(--muted);
}

:where(html[data-theme]) .work-item-panel .request-convert-form {
  border-top: 1px solid var(--border);
}

@media (max-width: 900px) {
:where(html[data-theme]) .communications-browser-sidebar {
  border-right: 0;
  border-bottom: 1px solid var(--line-strong);
}
}

:where(html[data-theme]) .project-search-summary {
  color: var(--muted);
}

:where(html[data-theme]) .project-search-summary strong {
  color: var(--text);
}

:where(html[data-theme]) .project-search-group h2 span {
  background: var(--surface-muted, var(--surface-2));
}

:where(html[data-theme]) .project-search-result {
  border-top: 1px solid var(--border);
  color: inherit;
}

:where(html[data-theme]) .project-search-result:first-child {
  border-top: 0;
}

:where(html[data-theme]) .project-search-result span {
  color: var(--muted);
}

:where(html[data-theme]) .project-file-picker-field .field-label {
  color: var(--muted);
}

:where(html[data-theme]) .project-file-picker-backdrop {
  background: var(--control-bg);
}

:where(html[data-theme]) .project-file-picker-dialog {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .project-file-picker-dialog > header,
:where(html[data-theme]) .project-file-picker-dialog > footer {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .project-file-picker-dialog > footer {
  border-top: 1px solid var(--line);
  border-bottom: 0;
}

:where(html[data-theme]) .project-file-picker-toolbar {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .project-file-picker-breadcrumb {
  color: var(--muted-strong);
}

:where(html[data-theme]) .project-file-picker-search {
  color: var(--muted);
}

:where(html[data-theme]) .project-file-picker-tree {
  border-right: 1px solid var(--line);
}

:where(html[data-theme]) .project-file-picker-tree button {
  background: transparent;
  color: var(--muted-strong);
}

:where(html[data-theme]) .project-file-picker-tree button:hover,
:where(html[data-theme]) .project-file-picker-tree button.active {
  background: var(--selected-background);
  color: var(--ink);
}

:where(html[data-theme]) .project-file-picker-list-head {
  border-bottom: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--muted);
}

:where(html[data-theme]) .project-file-picker-list-head button {
  background: transparent;
  color: var(--muted);
}

:where(html[data-theme]) .project-file-picker-row {
  border-bottom: 1px solid var(--line);
}

:where(html[data-theme]) .project-file-picker-row:hover {
  background: var(--row-hover-bg);
}

:where(html[data-theme]) .project-file-picker-row:has(input:checked) {
  background: var(--selected-background);
}

@media (max-width: 900px) {
:where(html[data-theme]) .project-file-picker-tree {
  border-right: 0;
  border-bottom: 1px solid var(--line);
}
}

:where(html[data-theme]) .work-item-filter-bar label {
  color: var(--muted);
}

:where(html[data-theme]) .request-resolution {
  border: 1px solid var(--accent-border);
  background: var(--selected-background);
}

:where(html[data-theme]) .request-resolution span {
  color: var(--muted);
}

:where(html[data-theme]) .request-convert-form,
:where(html[data-theme]) .request-reject-form {
  border-top: 1px solid var(--line);
}

:where(html[data-theme]) .workstream-summary-chip {
  border: 1px solid color-mix(in srgb,var(--workstream-color) 55%,var(--line-strong));
  background: color-mix(in srgb,var(--workstream-color) 12%,var(--surface));
}

:where(html[data-theme]) .workstream-summary-chip>span:last-child {
  color: var(--muted);
}

:where(html[data-theme]) .workstream-dot {
  background: var(--workstream-color);
}

:where(html[data-theme]) .workstream-badge {
  border: 1px solid color-mix(in srgb,var(--workstream-color) 70%,var(--line-strong));
  background: color-mix(in srgb,var(--workstream-color) 16%,var(--surface));
  color: var(--link);
}

:where(html[data-theme]) .workstream-badge:before {
  background: var(--workstream-color);
}

:where(html[data-theme]) .workstream-badge.is-unassigned {
  color: var(--muted);
}

:where(html[data-theme]) .gantt-floating-scroll {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  scrollbar-color: var(--muted) var(--ink);
}

:where(html[data-theme]) .dependency-focus-toggle.is-active {
  border-color: var(--accent-border);
  background: var(--surface-2);
  color: var(--link);
}

:where(html[data-theme]) .dependency-focus-summary {
  border: 1px solid var(--line-strong);
  color: var(--link);
}

:where(html[data-theme]) .dependency-focus-mode .gantt-row.focus-selected .gantt-track {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .dependency-focus-mode .gantt-row.focus-prerequisite .gantt-meta {
  border-left: 3px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-focus-mode .gantt-row.focus-dependent .gantt-meta {
  border-left: 3px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-connector {
  fill: none;
}

:where(html[data-theme]) .dependency-connector.prerequisite {
  stroke: var(--accent);
}

:where(html[data-theme]) .dependency-connector.dependent {
  stroke: var(--accent);
}

:where(html[data-theme]) .dependency-map-view-toggle .button.is-active {
  border-color: var(--accent-border);
  background: var(--button-bg);
  color: var(--on-accent);
}

:where(html[data-theme]) .dependency-filter-status {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-map-filters label {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-map-column h2 {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-map-node {
  border: 1px solid color-mix(in srgb, var(--node-color) 75%, var(--line-strong));
  border-left: 4px solid var(--node-color);
  background: var(--surface);
  color: var(--link);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);
}

:where(html[data-theme]) .dependency-map-node:hover,
:where(html[data-theme]) .dependency-map-node:focus,
:where(html[data-theme]) .dependency-map-node.is-root {
  border-color: var(--accent-border);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 24px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .dependency-map-node-stream {
  color: var(--node-color);
}

:where(html[data-theme]) .dependency-map-node-meta {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-map-node.status-blocked::after {
  color: var(--warning);
}

:where(html[data-theme]) .dependency-map-canvas.is-full-project .dependency-map-node:hover:not(.is-hover-target):not(.is-root) {
  border-color: color-mix(in srgb, var(--node-color) 75%, var(--line-strong));
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);
}

:where(html[data-theme]) .dependency-map-canvas.is-full-project .dependency-map-node.is-hover-target {
  border-color: var(--line-strong);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 24px rgba(0, 0, 0, 0.24);
}

:where(html[data-theme]) .dependency-map-zoom {
  border: 1px solid var(--line);
  background: var(--surface);
}

:where(html[data-theme]) .dependency-map-help {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
}

:where(html[data-theme]) .dependency-picker-dialog {
  background: var(--surface);
  border: 1px solid var(--line-strong);
  color: var(--link);
}

:where(html[data-theme]) .dependency-picker-dialog::backdrop {
  background: rgba(0, 0, 0, 0.78);
}

:where(html[data-theme]) .dependency-picker-header {
  border-bottom: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-tabs {
  border-bottom: 1px solid var(--line-strong);
}

:where(html[data-theme]) [data-dependency-tab] {
  background: transparent;
  border-color: transparent;
  color: var(--muted);
}

:where(html[data-theme]) [data-dependency-tab].is-active {
  background: var(--surface-2);
  border-color: var(--accent-border);
  border-bottom-color: var(--accent-border);
  color: var(--ink);
}

:where(html[data-theme]) .dependency-picker-main > p {
  color: var(--muted);
}

:where(html[data-theme]) .dependency-picker-results {
  border: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-result-head {
  background: var(--surface);
  color: var(--muted);
}

:where(html[data-theme]) .dependency-picker-result {
  border-top: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-result:hover,
:where(html[data-theme]) .dependency-picker-result.is-selected {
  background: var(--surface-2);
}

:where(html[data-theme]) .dependency-picker-side {
  border-left: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-selected-card,
:where(html[data-theme]) .dependency-selected-item,
:where(html[data-theme]) .dependency-dependent-item,
:where(html[data-theme]) .dependency-dependent-list a {
  background: var(--surface-2);
  border: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-impact {
  border-top: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-footer {
  background: var(--surface);
  border-top: 1px solid var(--line-strong);
}

:where(html[data-theme]) .dependency-picker-safeguard {
  color: var(--muted);
}

@media (max-width: 820px) {
:where(html[data-theme]) .dependency-picker-side {
  border-left: 0;
  border-top: 1px solid var(--line-strong);
}
}

:where(html[data-theme]) .communication-draft-controls [data-draft-status] {
  color: var(--muted);
}

:where(html[data-theme]) .rich-toolbar {
  background: var(--surface);
  border: 1px solid var(--line-strong);
  border-bottom: 0;
}

:where(html[data-theme]) .rich-toolbar button {
  background: transparent;
  border: 1px solid transparent;
  color: var(--link);
}

:where(html[data-theme]) .rich-toolbar button:hover,
:where(html[data-theme]) .rich-toolbar button:focus-visible {
  background: var(--button-bg);
  border-color: var(--accent-border);
}

:where(html[data-theme]) .rich-color-label span {
  color: var(--muted);
}

:where(html[data-theme]) .rich-editor {
  color: var(--link);
  outline: none;
}

:where(html[data-theme]) .rich-editor:empty::before {
  color: var(--muted);
}

:where(html[data-theme]) .calendar-step {
  color: var(--link);
  background: var(--accent, var(--surface-2));
}

:where(html[data-theme]) .calendar-preferences-form fieldset {
  border: 1px solid var(--border);
}

:where(html[data-theme]) .calendar-safety-note {
  color: var(--muted);
}

:where(html[data-theme]) .calendar-enrollment-guide {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--panel) 86%, var(--accent) 14%);
}

:where(html[data-theme]) .calendar-enrollment-guide > summary small {
  color: var(--muted);
}

:where(html[data-theme]) .calendar-guide-body {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .calendar-guide-notes {
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--panel) 92%, var(--surface-2) 8%);
}

:where(html[data-theme]) .calendar-provider {
  border: 1px solid var(--border);
}

:where(html[data-theme]) .calendar-provider span {
  color: var(--muted);
}

:where(html[data-theme]) .calendar-provider-error {
  color: var(--danger) !important;
}

:where(html[data-theme]) .calendar-boundaries {
  color: var(--muted);
}

:where(html[data-theme]) .decision-view-navigation {
  border: 1px solid var(--border);
  background: var(--panel);
}

:where(html[data-theme]) .decision-view-navigation > a:not(.button) {
  color: var(--muted);
}

:where(html[data-theme]) .decision-view-navigation > a.active {
  color: var(--text);
  background: var(--panel-strong);
  box-shadow: inset 0 0 0 1px var(--border);
}

:where(html[data-theme]) .decision-manual-head p,
:where(html[data-theme]) .decision-register header p {
  color: var(--muted);
}

:where(html[data-theme]) .decision-manual-actions label,
:where(html[data-theme]) .decision-register > header label {
  color: var(--muted);
}

:where(html[data-theme]) .decision-manual-category {
  border: 1px solid var(--border);
  background: var(--surface-2);
}

:where(html[data-theme]) .decision-manual-category > summary {
  background: var(--panel-strong);
}

:where(html[data-theme]) .decision-manual-category > summary strong {
  color: var(--text);
}

:where(html[data-theme]) .decision-manual-category > summary > span:last-child {
  color: var(--muted);
}

:where(html[data-theme]) .decision-category-chevron {
  color: var(--accent);
}

:where(html[data-theme]) .decision-manual-row {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .decision-manual-row-main strong {
  color: var(--text);
}

:where(html[data-theme]) .decision-manual-row-main p {
  color: var(--muted);
}

:where(html[data-theme]) .decision-manual-row-meta {
  color: var(--muted);
}

:where(html[data-theme]) .decision-status {
  border: 1px solid var(--border);
}

:where(html[data-theme]) .decision-status-active {
  color: var(--muted);
  border-color: var(--line-strong);
  background: var(--surface-2);
}

:where(html[data-theme]) .decision-status-draft {
  color: var(--muted);
  border-color: var(--line-strong);
  background: var(--surface-2);
}

:where(html[data-theme]) .decision-status-superseded {
  color: var(--ink);
  border-color: var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .decision-register td:first-child small {
  color: var(--muted);
}

:where(html[data-theme]) .decision-editor-grid label,
:where(html[data-theme]) .decision-editor-support label,
:where(html[data-theme]) .decision-editor-form > label {
  color: var(--muted);
}

:where(html[data-theme]) .decision-breadcrumb {
  color: var(--accent);
}

:where(html[data-theme]) .decision-detail-meta {
  color: var(--muted);
}

:where(html[data-theme]) .decision-document {
  border: 1px solid var(--border);
  background: var(--surface-2);
}

:where(html[data-theme]) .decision-detail-section {
  border-top: 1px solid var(--border);
}

:where(html[data-theme]) .decision-related-tasks a,
:where(html[data-theme]) .decision-notes article,
:where(html[data-theme]) .decision-revision-history article {
  border: 1px solid var(--border);
  background: var(--panel-strong);
}

:where(html[data-theme]) .decision-related-tasks span,
:where(html[data-theme]) .decision-notes time,
:where(html[data-theme]) .decision-revision-history span {
  color: var(--muted);
}

:where(html[data-theme]) .formatted-message-body th,
:where(html[data-theme]) .formatted-message-body td,
:where(html[data-theme]) .rich-editor th,
:where(html[data-theme]) .rich-editor td {
  border: 1px solid var(--border);
}

:where(html[data-theme]) .formatted-message-body th,
:where(html[data-theme]) .rich-editor th {
  background: var(--panel-strong);
  color: var(--text);
}

:where(html[data-theme]) .formatted-message-body blockquote,
:where(html[data-theme]) .rich-editor blockquote {
  border-left: 3px solid var(--accent);
  background: rgba(var(--overlay-rgb), 0.08);
}

:where(html[data-theme]) .topic-decision-badge {
  border: 1px solid var(--line-strong);
  color: var(--muted);
}

:where(html[data-theme]) .topic-active-decision {
  border: 1px solid var(--line-strong);
  background: rgba(var(--overlay-rgb), 0.12);
}

:where(html[data-theme]) .topic-active-decision small {
  color: var(--muted);
}

:where(html[data-theme]) .topic-active-decision em {
  color: var(--muted);
}