/* The workbench uses the global Radix theme. */
#view-workbench.bmd-container { max-width: 1080px; min-height: 100vh; min-height: 100dvh; justify-content: center; gap: 12px; padding-block: clamp(40px, 7vh, 76px); }
#view-workbench .bmd-home-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bmd-home-brand { margin: 0; line-height: 0; }
.bmd-home-brand img { display: block; width: 190px; height: auto; }
.bmd-home-brand .bmd-home-brand__dark { display: none; }
[data-theme="dark"] .bmd-home-brand .bmd-home-brand__light { display: none; }
[data-theme="dark"] .bmd-home-brand .bmd-home-brand__dark { display: block; }
#view-workbench .bmd-home-header .bmd-btn { color: var(--sand-11); font-size: var(--font-size-caption); }
#view-workbench .bmd-home-layout { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(290px, 1fr); align-items: stretch; gap: 12px; min-width: 0; }
#view-workbench .bmd-folders-section, #view-workbench .bmd-folders-host { min-width: 0; }
#view-workbench .bmd-project-folders-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
#view-workbench .bmd-project-new-card, #view-workbench .bmd-project-recent-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 272px; align-items: center; gap: 8px; min-height: 210px; padding: 22px 24px; background: var(--surface-popover); border: 0; border-radius: var(--radius-lg); }
#view-workbench :is(.bmd-project-new-card, .bmd-project-recent-card) { transition: background-color var(--duration-fast, 160ms) var(--ease-standard, cubic-bezier(.22, 1, .36, 1)); }
@media (hover: hover) and (pointer: fine) {
  #view-workbench :is(.bmd-project-new-card, .bmd-project-recent-card):hover { background-color: var(--interaction-hover); }
}
@media (prefers-reduced-motion: reduce) {
  #view-workbench :is(.bmd-project-new-card, .bmd-project-recent-card) { transition: none; }
}
#view-workbench .bmd-project-new-card:focus-within, #view-workbench .bmd-project-recent-card:focus-within { z-index: 1; }
#view-workbench .bmd-project-card-caption { position: relative; grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; min-width: 0; margin: 0; font-size: var(--font-size-section); line-height: 24px; }
#view-workbench .bmd-project-card-icon { position: absolute; bottom: calc(100% + 12px); left: 0; }
#view-workbench .bmd-project-new-card__scene, #view-workbench .bmd-project-recent-card__scene, #view-workbench .bmd-project-empty { grid-column: 2; grid-row: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 166px; min-width: 0; }
#view-workbench .bmd-create-canvas { transform: scale(.85); }
.bmd-progress-section { position: relative; min-width: 0; min-height: 0; }
.bmd-progress-card { height: 100%; }
[data-theme="light"] #view-workbench :is(.bmd-project-new-card, .bmd-project-recent-card, .bmd-progress-card) { --surface-popover: var(--surface-container); --interaction-hover: var(--surface-disabled); }
@media (min-width: 1081px) { #view-workbench .bmd-progress-card { position: absolute; inset: 0; } }
#view-workbench .bmd-progress-card { border: 0; }
.bmd-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.bmd-progress-head h2 { margin: 0; font-size: var(--font-size-section); line-height: 24px; font-weight: 500; }
.bmd-progress-nav { display: flex; align-items: center; gap: 4px; color: var(--sand-11); font-size: var(--font-size-caption); font-variant-numeric: tabular-nums; }
.bmd-progress-nav span { padding-right: 4px; }
#view-workbench .bmd-progress-empty { display: flex; flex: 1 1 0; align-items: center; justify-content: center; align-self: stretch; min-height: 0; }
#view-workbench .bmd-progress-empty > .bmd-empty-state { padding-inline: 0; }
#view-workbench .bmd-activity-section { margin-top: 0; }
.bmd-project-list { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.bmd-project-list__content { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.bmd-project-list__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; }
.bmd-project-list__header h1 { font-size: var(--font-size-title); line-height: 1.6; }
.bmd-project-list__header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 1 1 200px; min-width: 0; max-width: 360px; margin-left: auto; }
.bmd-project-list__header-actions .bmd-project-list__create { padding-inline: var(--space-5); }
.bmd-project-list__search { flex: 1 1 90px; min-width: min(100%, 90px); max-width: 280px; }
.bmd-project-list__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.bmd-project-list__category-popover { max-height: var(--radix-popover-content-available-height); overflow: hidden; }
.bmd-project-list__search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.bmd-project-list__cell-action { --focus-outline-offset: -3px; display: inline-flex; margin-inline-start: -12px; }
.bmd-project-list__tree-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.bmd-project-list__tree-name > svg { flex: none; color: var(--text-secondary); }
.bmd-project-list__indicator-slot { display: inline-flex; width: 16px; height: 16px; flex: none; align-items: center; justify-content: center; }
.bmd-project-list__tree-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bmd-project-list__tree-action { --focus-outline-offset: -3px; display: flex; min-width: 0; overflow: hidden; margin-inline-start: -16px; padding: 0 4px; }
@media (hover: hover) and (pointer: fine) { .bmd-project-list__tree-button:hover:not(:disabled) { background: transparent; } }
.bmd-project-list__hover-card { width: 320px; max-width: min(320px, var(--radix-popover-content-available-width, calc(100vw - 24px))); max-height: min(60vh, 420px); overflow-y: auto; padding: 10px 12px; border-radius: var(--radius-lg); }
.bmd-project-preview { display: grid; gap: 6px; font-size: var(--font-size-body); line-height: 20px; }
.bmd-project-preview__line { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; }
.bmd-project-preview__action { min-width: 0; color: var(--foreground); font-weight: 500; overflow-wrap: anywhere; }
.bmd-project-preview__line time, .bmd-project-preview__status { flex: none; color: var(--text-muted); font-size: var(--font-size-caption); white-space: nowrap; }
.bmd-project-preview__summary { margin: 0; color: var(--text-secondary); font-size: var(--font-size-caption); line-height: 18px; overflow-wrap: anywhere; }
.bmd-project-preview__group { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--text-secondary); }
.bmd-project-preview__group svg { flex: none; }
.bmd-project-preview__group span { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1080px) { #view-workbench .bmd-home-layout { grid-template-columns: minmax(0, 1fr); } .bmd-progress-section { height: 432px; } }
@media (max-width: 720px) { #view-workbench.bmd-container { padding-block: 28px; gap: 12px; } #view-workbench .bmd-project-new-card, #view-workbench .bmd-project-recent-card { grid-template-columns: minmax(0, 1fr); gap: 0; } #view-workbench .bmd-project-card-caption { grid-column: 1; grid-row: 2; } #view-workbench .bmd-project-card-icon { position: static; margin-bottom: 4px; } #view-workbench .bmd-project-new-card__scene, #view-workbench .bmd-project-recent-card__scene, #view-workbench .bmd-project-empty { grid-column: 1; grid-row: 1; } }


/* Keep the project action above the timeline and navigation at the card's foot. */
#view-workbench .bmd-progress-card .arc_card_content { min-height: 0; }
#view-workbench .bmd-progress-carousel { --carousel-gap: 0px; display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; min-height: 0; }
#view-workbench .bmd-progress-project-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; }
#view-workbench .bmd-progress-project-name { min-width: 0; color: var(--text-primary); font-size: var(--font-size-body); font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
#view-workbench .bmd-progress-project-row button { flex: none; }
#view-workbench .bmd-progress-carousel .arc_car_controls { justify-content: flex-end; margin-top: auto; padding: 0; gap: 4px; }
#view-workbench .bmd-progress-carousel .arc_car_arrows { gap: 0; }
#view-workbench .bmd-progress-carousel .arc_car_miniCount { box-sizing: border-box; min-width: 40px; padding-inline: 4px; color: var(--sand-11); }
#view-workbench .bmd-progress-carousel .arc_car_viewport { flex: 1 1 0; min-height: 0; cursor: default; }
#view-workbench .bmd-progress-carousel :is(.arc_car_track, .arc_car_slide) { height: 100%; }
#view-workbench .bmd-progress-slide { display: flex; flex-direction: column; align-items: flex-start; gap: 0; height: 100%; min-height: 0; padding: 2px 0 8px; box-sizing: border-box; }
#view-workbench .bmd-progress-timeline { --foreground: var(--text-primary); --text-muted: var(--text-secondary); --surface: var(--surface-popover); --surface-muted: var(--interaction-hover); --border: var(--border-input); --border-strong: var(--border-input); --accent: var(--blue-9); --success: var(--green-9); --timeline-surface: var(--surface-popover); --text-sm: var(--font-size-caption); --text-xs: var(--font-size-caption); --marker-top: 7px; display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; width: 100%; }
#view-workbench .bmd-progress-timeline .arc_tl_scroller { flex: 1 1 auto; min-height: 0; }
#view-workbench .bmd-progress-timeline .arc_tl_day { padding: 4px 6px 10px 0; }
#view-workbench .bmd-progress-timeline[data-actor-stack] .arc_tl_item { padding-left: calc(var(--marker) + 28px); }
#view-workbench .bmd-progress-timeline .arc_tl_trigger { grid-template-columns: minmax(0, 1fr) auto 16px; column-gap: 6px; padding: 11px 6px; }
#view-workbench .bmd-progress-timeline .arc_tl_detailInner { padding: 0 6px 14px; }

#view-workbench .bmd-progress-timeline .arc_tl_title { overflow-wrap: anywhere; }
#view-workbench .bmd-progress-timeline .arc_tl_time { min-width: 0; }
.bmd-project-list__cell-action, .bmd-project-list__folder-actions { display: inline-flex; align-items: center; gap: 0; white-space: nowrap; }
.bmd-project-list__folder-actions { margin-inline-start: -12px; }
.bmd-project-list__cell-action > button, .bmd-project-list__folder-actions > button { flex: none; }