/* Timeline shares Do's context bar and Plan's canvas/details layout. */
.history-event-summary { display: flex; align-items: flex-start; gap: 0.6rem; min-width: 0; width: 100%; color: #314e58; text-align: left; font-size: 0.8rem; line-height: 1.4; }
.history-event-icon { display: grid; place-items: center; flex: 0 0 28px; height: 28px; margin-top: 0.1rem; border: 1px solid #d6e2e7; border-radius: 7px; color: #426c63; background: #edf3f0; }
.history-event-icon svg { width: 17px; height: 17px; }
.history-event-copy { display: flex; flex-direction: column; min-width: 0; gap: 0.15rem; }
.history-event-title { font-weight: 600; overflow-wrap: anywhere; }
.history-event-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #4f6770; overflow-wrap: anywhere; }
.history-event-meta { color: #688078; font-size: 0.7rem; overflow-wrap: anywhere; }
.row-history-list .history-event-item { padding: 0; border-bottom: 1px solid #e0e8e3; }
.row-history-list .history-event-item::before { display: none; }
.history-event-disclosure > summary { display: flex; align-items: flex-start; gap: 0.4rem; padding: 0.55rem 0.65rem; list-style: none; cursor: pointer; }
.history-event-disclosure > summary::-webkit-details-marker { display: none; }
.history-event-disclosure > summary::after { content: "›"; flex: 0 0 1rem; margin-left: auto; color: #688078; font-size: 1.1rem; line-height: 1; text-align: center; }
.history-event-disclosure[open] > summary::after { transform: rotate(90deg); }
.history-event-disclosure > summary:hover { background: #edf3f0; }
.history-event-disclosure > summary:focus-visible { outline: 2px solid #557d77; outline-offset: -2px; border-radius: 4px; }
.history-event-details { padding: 0.55rem 0.65rem 0.8rem; border-top: 1px solid #e0e8e3; }
.history-event-static { padding: 0.55rem 0.65rem; }
.workflow-step-timeline .history-event-static[role="button"] { cursor: pointer; }
.workflow-step-timeline .history-event-static[role="button"]:hover { background: #edf3f0; }
.workflow-step-timeline .history-event-static[role="button"]:focus-visible { outline: 2px solid #557d77; outline-offset: -2px; border-radius: 4px; }
.workflow-step-timeline .history-event-item[aria-current="true"] { background: #ecfdf3; box-shadow: inset 3px 0 #16a34a; }
.workflow-step-timeline [aria-current="true"] > .history-event-disclosure > summary,
.workflow-step-timeline [aria-current="true"] > .history-event-static { background: #dcfce7; }
.history-event-undo { display: flex; justify-content: flex-end; padding: 0 0.65rem 0.55rem; }
.history-event-undo a { display: inline-flex; align-items: center; text-decoration: none; }
.history-event-undo button:disabled { opacity: 0.5; cursor: default; }
.history-event-fields { display: grid; gap: 0.5rem; margin: 0; }
.history-event-fields > div { display: grid; grid-template-columns: minmax(80px, 0.7fr) minmax(0, 1.5fr); gap: 0.65rem; }
.history-event-fields dt { color: #688078; font-size: 0.73rem; }
.history-event-fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.history-value-field { margin: 0 0 0.5rem; color: #314e58; font-size: 0.8rem; font-weight: 600; }
.history-value-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.history-value-columns > div { min-width: 0; border: 1px solid #d6e2e7; border-radius: 5px; overflow: hidden; }
.history-value-columns h6 { padding: 0.35rem 0.5rem; margin: 0; background: #f3f6f5; font-size: 0.7rem; font-weight: 500; color: #688078; }
.history-value-columns pre { padding: 0.5rem; margin: 0; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4; }
.history-value-change-note { margin: 0.4rem 0 0; font-size: 0.7rem; color: #688078; }
.history-value-empty { font-style: italic; color: #688078; }
mark.history-value-removed { background: #fbe4df; color: #843d31; text-decoration: line-through; }
mark.history-value-added { background: #dcefe2; color: #285f41; text-decoration: underline; }
.history-event-details .row-history-actions { margin-top: 0.65rem; }
.history-event-details .row-history-note-body { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .history-value-columns { grid-template-columns: minmax(0, 1fr); }
}
.history-execution-details { margin: 0.6rem 0; }
.timeline-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; flex-basis: 100%; min-width: 0; }
.timeline-filter-chip { display: inline-flex; align-items: center; gap: 0.5rem; max-width: 100%; padding: 0.25rem 0.55rem; border: 1px solid #c8d8df; border-radius: 16px; background: white; color: #314e58; text-decoration: none; font-size: 0.73rem; }
.timeline-filter-chip > span:first-child { overflow-wrap: anywhere; }
.timeline-filter-chip:hover { background: #e2ede7; border-color: #8eaba2; }
.timeline-filter-clear { color: #426c63; font-size: 0.73rem; padding: 0.25rem; }
.timeline-review { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; color: #314e58; }
.timeline-review-workspace { display: grid; grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr); flex: 1; min-height: 0; }
.timeline-review-events, .timeline-review-details { display: flex; flex-direction: column; min-height: 0; min-width: 0; background: white; padding: 1rem; }
.timeline-review-events { border-right: 1px solid #d6e2e7; }
.timeline-review h2 { margin: 0 0 0.65rem; font-size: 0.9rem; }
.timeline-page .timeline-review .timeline-replay-event-log { overflow: auto; }
.timeline-review-inspector { display: block; flex: 1; min-height: 0; overflow: auto; font-size: 0.8rem; }
.timeline-review-inspector[busy] { opacity: 0.55; }
.timeline-review-inspector a { color: #426c63; }
.timeline-review-placeholder { padding: 2rem 1rem; text-align: center; }
.timeline-page .timeline-review-event.project-timeline-event { display: flex; align-items: flex-start; gap: 0; padding: 0; background: transparent; }
.timeline-review-event > input { margin: calc(0.45rem + 0.1rem + 6px) 0 0 0.65rem; }
.timeline-review-event-link { flex: 1; min-width: 0; color: #314e58; text-decoration: none; }
.timeline-review-event-link:hover { background: #edf3f0; }
.timeline-page .timeline-review .project-timeline-events { margin-top: 0.5rem; }
@media (max-width: 760px) {
  .timeline-review-workspace { grid-template-columns: minmax(0, 1fr); }
  .timeline-review-events { border-right: 0; border-bottom: 1px solid #d6e2e7; }
  .timeline-page .timeline-review .timeline-events-form { flex: none; }
  .timeline-review-inspector { min-height: 200px; max-height: 480px; }
}
.timeline-page.project-timeline { height: 100%; min-height: 0; overflow: hidden; }
.timeline-page.project-timeline .project-timeline-panel { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; gap: 0; border: 0; border-radius: 0; }
.timeline-page .project-timeline-toolbar { flex: 1; min-width: 0; }
.timeline-page .project-timeline-filter { width: 100%; }
.timeline-page .project-timeline-filter-panel { flex-basis: auto; margin-left: auto; border: 0; padding: 0; }
.timeline-context-panel .do-task-context-title { align-self: flex-start; padding-top: 0.55rem; }
.timeline-page .project-timeline-filter .timeline-view-toggle { width: 118px; justify-content: center; text-align: center; }
.timeline-entity-filters { display: flex; flex: 1 1 400px; flex-wrap: wrap; gap: 0.5rem 0.75rem; min-width: 0; }
.timeline-entity-filters > div { display: flex; flex: 1 1 190px; align-items: center; gap: 0.5rem; min-width: 0; }
.timeline-entity-filters label { flex-shrink: 0; }
.timeline-page .timeline-entity-filters select { flex: 1; width: 100%; min-width: 0; min-height: 32px; border-radius: 6px; }
.timeline-page .timeline-context-panel--find-events { gap: 0.45rem; }
.timeline-context-panel--find-events .project-timeline-filter { gap: 0.45rem 0.65rem; }
.timeline-context-panel--find-events .do-task-context-title { align-self: center; padding-top: 0; }
.timeline-page .timeline-context-panel--find-events .project-timeline-dates { gap: 0.45rem; }
.timeline-context-panel--find-events .playback-bar-label { font-weight: 500; text-transform: none; letter-spacing: normal; }
.timeline-page .timeline-context-panel--find-events .playback-date-display { min-width: 7.25rem; height: 32px; padding: 0.3rem 0.5rem; font-weight: 600; }
.timeline-context-panel--find-events .timeline-entity-filters { gap: 0.45rem 0.65rem; }
.timeline-context-panel--find-events .timeline-entity-filters > div { flex-basis: 160px; }
.timeline-page .timeline-context-panel--find-events .timeline-find-events { flex-basis: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.65rem; margin: 0; padding: 0; border: 0; }
.timeline-page .timeline-find-events .project-timeline-filter-fields { margin: 0; gap: 0.65rem; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.4fr); }
.timeline-page .timeline-find-events .project-timeline-filter-fields > div { display: flex; align-items: center; gap: 0.5rem; }
.timeline-find-events .project-timeline-filter-fields label { flex-shrink: 0; white-space: nowrap; }
.timeline-page .timeline-context-panel--find-events select,
.timeline-page .timeline-find-events input[type=search] { height: 32px; min-height: 32px; }
.timeline-page .timeline-find-events select,
.timeline-page .timeline-find-events input[type=search] { flex: 1; width: 0; min-width: 0; border: 1px solid #c8d8df; border-radius: 6px; background: white; color: #1f3540; }
.timeline-page .timeline-find-events .project-timeline-filter-actions { margin: 0; white-space: nowrap; }
.timeline-page .timeline-context-panel--find-events .project-timeline-button { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; }
.timeline-page .timeline-find-events .project-timeline-filter-actions .project-timeline-button { height: 32px; border-radius: 6px; box-shadow: none; }
@media (max-width: 1180px) {
  .timeline-context-panel--find-events .project-timeline-filter { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; }
  .timeline-context-panel--find-events .do-task-context-title { grid-column: 1; grid-row: 1; }
  .timeline-page .timeline-context-panel--find-events .project-timeline-dates { grid-column: 1 / -1; grid-row: 2; }
  .timeline-context-panel--find-events .project-timeline-filter > a { grid-row: 1; }
  .timeline-page .timeline-context-panel--find-events .timeline-find-events { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .timeline-page .timeline-context-panel--find-events .playback-date-display { min-width: 6.1rem; }
  .timeline-context-panel--find-events .timeline-entity-filters { flex-basis: 100%; }
  .timeline-context-panel--find-events .timeline-entity-filters > div { display: grid; gap: 0.25rem; flex-basis: 130px; }
  .timeline-page .timeline-context-panel--find-events .timeline-find-events { grid-template-columns: minmax(0, 1fr); }
  .timeline-page .timeline-find-events .project-timeline-filter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .timeline-page .timeline-find-events .project-timeline-filter-fields > div { display: grid; gap: 0.25rem; }
  .timeline-page .timeline-find-events select,
  .timeline-page .timeline-find-events input[type=search] { width: 100%; }
  .timeline-find-events .project-timeline-search { grid-column: 1 / -1; }
  .timeline-page .timeline-find-events .project-timeline-filter-actions { justify-content: flex-end; }
}
.timeline-page .project-timeline-filter-fields { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.timeline-page .project-timeline-dates .playback-date-display,
.timeline-page .project-timeline-filter select { border-color: #c8d8df; color: #1f3540; background: white; }
.timeline-page .project-timeline-filter select { min-width: 120px; }
.timeline-page .project-timeline-dates { flex: 1; min-width: 0; gap: 0.5rem; }
.timeline-page .timeline-date-field { position: relative; flex: 0 0 auto; }
.timeline-page .project-timeline-filter label { font-size: 0.73rem; }
.timeline-page .project-timeline-review-notice { flex-basis: 100%; }
.timeline-page .timeline-replay { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }
.timeline-replay-canvas { display: flex; flex-direction: column; grid-column: 1; grid-row: 1; min-height: 0; min-width: 0; }
.timeline-replay-canvas > .board-split { flex: 1; }
.timeline-page .timeline-replay-controls.playback-bar { display: grid; grid-template-columns: auto minmax(60px, 1fr) auto auto auto; flex: 1; min-width: 430px; min-height: 32px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0.4rem; }
.timeline-replay-controls .playback-bar-controls { gap: 0.3rem; }
.timeline-replay-controls .playback-bar-btn { color: #314e58; background: white; border-color: #c8d8df; pointer-events: auto; cursor: pointer; }
.timeline-replay-controls .playback-bar-btn:disabled { cursor: default; }
.timeline-replay-controls .playback-bar-reset { padding-inline: 0.4rem; font-size: 0.73rem; }
.timeline-replay-controls .playback-bar-btn-play { background: #426c63; color: white; }
.timeline-replay-controls .playback-bar-counter,
.timeline-replay-controls .playback-bar-timestamp,
.timeline-replay-controls .playback-bar-description { color: #4f6770; }
.timeline-replay-controls .playback-bar-status { min-width: 0; max-width: 120px; }
.timeline-replay-controls .playback-bar-timestamp:empty { display: none; }
.timeline-replay-controls .playback-bar-timestamp:not(:empty) + .playback-bar-description { display: none; }
.timeline-replay-controls .playback-bar-description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.73rem; }
.timeline-replay-controls .playback-bar-counter { min-width: 0; white-space: nowrap; }
.timeline-replay-controls .playback-seek-bar { min-width: 0; width: 100%; accent-color: #557d77; }
.timeline-page .project-timeline-filter .playback-speed-select { width: auto; min-width: 45px; padding: 0.2rem 0.35rem; color: #314e58; background: white; border-color: #c8d8df; }
.timeline-page .timeline-replay-workspace.board.plan-board { flex: 1; height: auto; max-height: none; min-height: 0; grid-template-columns: minmax(0, 1fr) 440px; grid-template-rows: minmax(0, 1fr); padding: 0; gap: 0; border: 0; border-radius: 0; }
.timeline-replay-board .tab-panels { min-height: 0; }
.timeline-replay-board .workflow-run-summary,
.timeline-replay-board .workflow-canvas-zoom-slider { pointer-events: auto; }
.timeline-replay-board.playback-board [data-react-spreadsheet],
.timeline-replay-board.playback-board [data-react-spreadsheet] * { pointer-events: auto !important; user-select: text !important; }
.timeline-page .timeline-replay-workspace.board.plan-board .timeline-replay-history.right-detail-panel { min-width: 0; width: auto; grid-column: 2; grid-row: 1; border-top: 0; }
.timeline-page .timeline-replay-history .right-detail-title { font-size: 1rem; }
.timeline-page .timeline-replay-history button { pointer-events: auto; cursor: pointer; }
.timeline-page .timeline-replay-history button:disabled { cursor: default; }
.timeline-page .timeline-replay-board .board-split-handle { pointer-events: auto; cursor: row-resize; }
.timeline-page .timeline-events-form { display: flex; flex-direction: column; flex: 1; min-height: 120px; gap: 0; margin: 0; }
.timeline-page .timeline-replay-event-log { flex: 1; min-height: 0; }
.timeline-history-loaded .project-timeline-pagination { display: none; }
.timeline-event-list-item { display: flex; align-items: flex-start; border-bottom: 1px solid #e0e8e3; }
.timeline-event-list-item > input { margin: calc(0.45rem + 0.1rem + 6px) 0.25rem 0 0.65rem; }
.timeline-replay .playback-log-item { appearance: none; flex: 1; min-width: 0; width: 100%; text-align: left; border: 0; border-radius: 0; background: transparent; font: inherit; }
.timeline-replay .playback-log-item,
.timeline-review-event-link { display: block; padding: 0.45rem 0.7rem; min-height: 32px; }
.timeline-page .playback-log-time,
.timeline-page .playback-log-desc,
.timeline-page .timeline-replay-actor { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.timeline-replay .playback-log-item:hover { background: #edf3f0; }
.timeline-event-list-item:has(> .playback-log-item.is-active),
.timeline-page .project-timeline-event.is-active { background: #e2ede7; box-shadow: inset 3px 0 #557d77; }
.timeline-replay .playback-log-item.is-active { background: transparent; border-left: 0; }
.timeline-page .playback-log-time,
.timeline-page .timeline-replay-actor { color: #688078; font-size: 0.7rem; }
.timeline-page .playback-log-desc { color: #314e58; line-height: 1.4; font-size: 0.8rem; margin: 0; }
.timeline-page .timeline-replay-inspector { overflow: auto; flex: 0 1 42%; min-height: 90px; padding: 0.8rem 0.85rem 0 0; margin-top: 0.6rem; border: 0; border-top: 1px solid var(--color-workflow-border); background: white; font-size: 0.8rem; color: #314e58; }
.timeline-page .timeline-replay-inspector[data-selected=false] { flex: 0 0 auto; min-height: 0; padding-bottom: 0.3rem; }
.timeline-replay-inspector .project-timeline-values { overflow: auto; }
.timeline-replay-inspector .project-timeline-value-head,
.timeline-replay-inspector .project-timeline-value-row { grid-template-columns: minmax(75px, .7fr) minmax(80px, 1fr) minmax(80px, 1fr); }
.timeline-replay-inspector a { display: inline-block; margin-top: 0.7rem; color: #426c63; }
.timeline-page .project-timeline-selection { position: static; }
.timeline-page .project-timeline-event-heading { flex-wrap: wrap; }
.timeline-page .project-timeline-event-actions { margin-left: 0; }
.timeline-page .project-timeline-events { margin-top: 0.6rem; }
@media (max-width: 1200px) {
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) { display: grid; grid-template-columns: auto auto minmax(0, 1fr); flex-basis: 100%; }
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) .timeline-date-field--from { grid-column: 1; grid-row: 1; }
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) .timeline-date-field--to { grid-column: 2; grid-row: 1; }
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) > .project-timeline-button { grid-column: 3; grid-row: 1; justify-self: start; }
  .timeline-page .timeline-replay-controls.playback-bar { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
}
@media (max-width: 1000px) {
  .timeline-page .timeline-replay-workspace.board.plan-board { grid-template-columns: minmax(0, 1fr) 360px; }
}
@media (max-width: 760px) {
  .timeline-page.project-timeline { height: auto; overflow: visible; }
  .timeline-page.project-timeline .project-timeline-panel { height: auto; }
  .timeline-page .project-timeline-toolbar { flex-basis: 100%; }
  .timeline-page .timeline-context-panel--find-events .project-timeline-dates { flex-basis: 100%; }
  .timeline-page .project-timeline-filter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) { grid-template-columns: auto auto; justify-content: start; }
  .timeline-page .project-timeline-dates:has(.timeline-replay-controls) > .project-timeline-button { grid-column: 1 / -1; grid-row: 3; }
  .timeline-page .timeline-replay-controls.playback-bar { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 64px; }
  .timeline-replay-controls .playback-bar-controls { grid-column: 1 / 3; grid-row: 1; }
  .timeline-page .project-timeline-filter .playback-speed-select { grid-column: 3; grid-row: 1; justify-self: end; }
  .timeline-replay-controls .playback-seek-bar { grid-column: 1; grid-row: 2; }
  .timeline-replay-controls .playback-bar-counter { grid-column: 2; grid-row: 2; }
  .timeline-replay-controls .playback-bar-status { grid-column: 3; grid-row: 2; }
  .timeline-page .timeline-replay-workspace.board.plan-board { flex: none; grid-template-columns: minmax(0, 1fr); grid-template-rows: 580px minmax(400px, auto); height: auto; overflow: visible; }
  .timeline-page .timeline-replay-workspace.board.plan-board .timeline-replay-history.right-detail-panel { grid-column: 1; grid-row: 2; }
  .timeline-page .timeline-replay-event-log { max-height: 360px; }
  .timeline-page .timeline-replay-inspector { flex-basis: auto; max-height: 320px; }
  .app-content:has(.timeline-page),
  .app-content:has(.timeline-page) .app-content-body { overflow-y: auto; }
}
.project-timeline .project-timeline-panel {
  gap: 0.8rem;
  padding: 1rem 1.15rem;
  border-radius: var(--app-chrome-radius);
}
.project-timeline .project-timeline-header h1 { font-size: 1.45rem; }
.project-timeline .project-timeline-header { display: flex; gap: 1rem; flex-wrap: wrap; margin: 0; }
.project-timeline .project-timeline-header h1 { margin: 0 0 0.15rem; }
.project-timeline .project-timeline-header p { margin: 0; }
.project-timeline .ai-accounts-eyebrow { font-size: 0.65rem; }
.project-timeline-count { justify-self: end; white-space: nowrap; }
.project-timeline-count[hidden] { display: none; }
.project-timeline-toolbar,
.project-timeline-filter,
.project-timeline-selection { display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap; }
.project-timeline-toolbar { justify-content: space-between; }
.project-timeline form.project-timeline-filter { flex-direction: row; }
.project-timeline-filter select { width: auto; min-width: 160px; padding: 0.4rem 0.6rem; font-size: 0.82rem; }
.project-timeline-dates { position: relative; flex-wrap: wrap; }
.project-timeline-actor { display: flex; align-items: center; gap: 0.65rem; }
.project-timeline-filter-panel { flex-basis: 100%; border-top: 1px solid var(--color-workflow-border); padding-top: 0.65rem; }
.project-timeline-filter-panel > summary { font-size: 0.8rem; color: #314e58; cursor: pointer; width: fit-content; }
.project-timeline-filter-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem; margin-top: 0.65rem; }
.project-timeline-filter-fields > div { display: grid; gap: 0.3rem; min-width: 0; }
.project-timeline-filter-fields select,
.project-timeline-filter-fields input[type=search] { min-width: 0; width: 100%; font-size: 0.82rem; padding: 0.4rem 0.6rem; }
.project-timeline-filter-fields input[type=search] { border: 1px solid var(--color-workflow-border); border-radius: 7px; background: white; color: #314e58; }
.project-timeline-filter-actions { display: flex; gap: 0.6rem; align-items: center; margin-top: 0.65rem; }
.project-timeline-pagination { display: flex; gap: 0.6rem; align-items: center; flex-wrap: wrap; }
.project-timeline-dates .playback-date-display { background: white; color: #314e58; border-color: var(--color-workflow-border); min-height: 32px; }
.project-timeline-filter label,
.project-timeline-selection { font-size: 0.8rem; color: #4f6770; }
.project-timeline .project-timeline-button { width: fit-content; padding: 0.35rem 0.65rem; font-size: 0.76rem; min-height: 30px; }
.project-timeline-undo { margin-left: auto; }
.project-timeline-undo:disabled { opacity: 0.4; cursor: default; }
.project-timeline-selection {
  position: sticky;
  top: 70px;
  z-index: 2;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--color-workflow-border);
  border-radius: 8px;
  background: rgb(255 255 255 / 0.96);
}
.project-timeline-selection label { display: flex; align-items: center; gap: 0.5rem; }
.project-timeline input[type=checkbox] { width: 16px; height: 16px; padding: 0; accent-color: var(--sw-button-primary-bg); flex-shrink: 0; }
.project-timeline-selection input[type=checkbox] { margin: 0; }
.project-timeline-hint { margin: 0.4rem 0; color: #5b7178; font-size: 0.73rem; line-height: 1.4; }
.project-timeline-events { display: grid; gap: 0; margin-top: 0.6rem; border: 1px solid var(--color-workflow-border); border-radius: 8px; overflow: hidden; }
.project-timeline-events:empty { display: none; }
.project-timeline .project-timeline-event { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 0.6rem; min-width: 0; padding: 0.65rem 0.8rem; border: 0; border-radius: 0; box-shadow: none; margin: 0; background: white; }
.project-timeline-events .project-timeline-event + .project-timeline-event { border-top: 1px solid var(--color-workflow-border); }
.project-timeline-event-heading { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.65rem; }
.project-timeline-event-heading:has(> input[type=checkbox]) { align-items: flex-start; }
.project-timeline-event-heading > input[type=checkbox] { margin: calc(0.1rem + 6px) 0 0; }
.project-timeline-event-identity { min-width: 0; display: grid; gap: 0.15rem; }
.project-timeline-event-identity strong { font-size: 0.84rem; overflow-wrap: anywhere; }
.project-timeline-event-identity > span { color: #5b7178; font-size: 0.69rem; }
.project-timeline-event-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; margin-left: auto; flex-shrink: 0; }
.project-timeline-event-actions .team-status-pill { font-size: 0.65rem; padding: 0.2rem 0.45rem; }
.project-timeline-event-actions button:disabled { opacity: 0.5; cursor: default; }
.project-timeline-event-summary { grid-column: 1; margin: 0.35rem 0 0.15rem; font-size: 0.79rem; line-height: 1.45; color: #314e58; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.project-timeline-details { grid-column: 2; margin-top: 0.35rem; }
.project-timeline-details[open] { grid-column: 1 / -1; }
.project-timeline-details > summary { width: fit-content; font-size: 0.7rem; color: #536c78; cursor: pointer; }
.project-timeline-details[open] > summary { margin-bottom: 0.45rem; }
.project-timeline-change { margin-top: 0.5rem; min-width: 0; }
.project-timeline-change-label { display: flex; align-items: center; gap: 0.65rem; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.35rem; flex-wrap: wrap; }
.project-timeline-change-label > span { font-size: 0.65rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; color: #688089; }
.project-timeline-values { border: 1px solid var(--color-workflow-border); border-radius: 6px; overflow: hidden; }
.project-timeline-value-head,
.project-timeline-value-row { display: grid; grid-template-columns: minmax(100px, 0.6fr) minmax(0, 1fr) minmax(0, 1fr); }
.project-timeline-value-head { background: var(--color-workflow-accent); font-size: 0.7rem; font-weight: 700; color: #4f6770; }
.project-timeline-value-head > span,
.project-timeline-value-row > span,
.project-timeline-value-row > pre { padding: 0.4rem 0.55rem; }
.project-timeline-value-row { border-top: 1px solid var(--color-workflow-border); font-size: 0.74rem; }
.project-timeline-value-row > span { color: #5b7178; overflow-wrap: anywhere; }
.project-timeline-value-row pre { font-family: inherit; font-size: 0.74rem; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; border-left: 1px solid var(--color-workflow-border); max-height: 260px; overflow: auto; }
.project-timeline-value-row pre:last-child { background: color-mix(in srgb, var(--color-workflow-accent) 45%, white); }
.project-timeline-empty { padding: 2rem 1rem; text-align: center; color: #5b7178; }
.project-timeline-empty h2,
.project-timeline-legacy h2 { font-size: 0.98rem; color: #18363f; }
.project-timeline-legacy { margin-top: 0.4rem; }
.project-timeline-legacy h2 { margin: 0 0 0.3rem; }
.project-timeline-legacy .project-timeline-event { border: 1px solid var(--color-workflow-border); border-radius: 6px; margin: 0.4rem 0 0; }
.project-timeline-pagination { margin-top: 0.5rem; }
.project-timeline-review-summary { gap: 0.4rem; padding: 0.7rem; box-shadow: none; }
.project-timeline-review-summary h2,
.project-timeline-review-blockers h2 { margin: 0; font-size: 0.98rem; color: #18363f; }
.project-timeline-review-summary p,
.project-timeline-review-blockers ul { margin: 0; font-size: 0.78rem; line-height: 1.45; color: #4f6770; }
.project-timeline-review-blockers { border-color: #ead4a7; }
.project-timeline-dependency-reason { grid-column: 1 / -1; margin: 0.35rem 0 0; color: #80581b; font-size: 0.74rem; line-height: 1.6; }
.project-timeline-confirm { display: flex; align-items: center; flex-wrap: wrap; gap: 0.85rem; }
.project-timeline-confirm .project-timeline-hint { flex-basis: 100%; margin: 0; }
.project-timeline-review-notice,
.project-timeline-feedback { margin: 0; padding: 0.6rem 0.75rem; border: 1px solid var(--color-workflow-border); border-radius: 6px; background: white; color: #314e58; font-size: 0.8rem; }
.project-timeline-feedback[hidden] { display: none; }
.project-timeline-feedback[data-state=error] { border-color: #ead4a7; color: #80581b; }
@media (max-width: 650px) {
  .project-timeline-filter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-timeline .project-timeline-panel { padding: 0.75rem; }
  .project-timeline .project-timeline-event { padding: 0.6rem; }
  .project-timeline-event-heading { flex-wrap: wrap; }
  .project-timeline-event-identity { flex: 1; }
  .project-timeline-event-actions { margin-left: 0; }
  .project-timeline-selection { gap: 0.4rem; }
  .project-timeline-selection label { font-size: 0.73rem; }
  .project-timeline-selection [data-timeline-target=count] { font-size: 0.69rem; }
  .project-timeline-value-head,
  .project-timeline-value-row { grid-template-columns: minmax(60px, 0.55fr) minmax(0, 1fr) minmax(0, 1fr); }
  .project-timeline-value-head > span,
  .project-timeline-value-row > span,
  .project-timeline-value-row pre { padding: 0.45rem 0.35rem; }
}