.project-back-link { border: 0; padding: 0; background: none; color: var(--muted); font: inherit; font-size: 14px; cursor: pointer; margin-bottom: 12px; }
.project-back-link:hover { color: var(--ink); }
.project-page .project-nav-head { position: relative; display: block; }
.project-page .project-nav-controls { position: absolute; right: 14px; top: 17px; }
.project-page .project-nav-heading { padding-right: 0; }
.project-page .project-back-link { padding-right: 60px; }
.project-page .scope-nav-list { padding: 12px 12px 24px; }
.project-page .scope-section-head { min-height: 32px; margin: 0 0 4px; padding: 0 12px; }
.project-page .project-entities-heading { margin-top: 24px; }
.project-page :is(.project-chat-list, .scope-task-list, .project-treatment-list) { display: grid; min-height: 0; gap: 4px; }
.project-page .task-nav-row { margin: 0; padding: 0; border: 0; border-radius: 8px; box-shadow: none; background: transparent; }
/* All project entries and create actions use the same icon and text columns. */
.project-page .scope-nav-list :is(.scope-nav-item, .add-task-card) { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; max-width: none; min-height: 48px; margin: 0; padding: 10px 12px; border: 0; border-radius: 8px; box-shadow: none; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.project-page .scope-nav-list :is(.scope-nav-item, .add-task-card):hover { background: #e4ebe6; box-shadow: none; }
.project-page .scope-nav-list .scope-nav-item.active { background: #dce8e1; color: #294e3e; box-shadow: none; }
.project-page .scope-nav-list .scope-nav-item .scope-nav-copy { min-width: 0; width: auto; }
.project-page .scope-nav-list .scope-nav-item .scope-nav-copy strong,
.project-page .scope-nav-list .add-task-card strong { display: block; margin: 0; color: inherit; font-size: 17px; line-height: 1.4; font-weight: 400; text-decoration: none; white-space: normal; overflow: visible; overflow-wrap: anywhere; }
.project-page .scope-nav-list .scope-nav-item.active .scope-nav-copy strong { font-weight: 600; }
.project-page .scope-nav-list .scope-nav-copy small { display: block; margin: 2px 0 0; color: #63776d; font-size: 13px; line-height: 1.4; }
.project-page .scope-nav-list :is(.scope-nav-mark.main, .project-treatment-mark, .task-drag-handle, .add-task-card > span) { display: grid; place-items: center; width: 24px; height: 28px; padding: 0; border: 0; background: transparent; color: #617d70; font-size: 20px; line-height: 1; }
.project-page .scope-nav-list .task-drag-handle { font-size: 18px; }
.project-page .scope-nav-list .project-treatment-title { white-space: normal; overflow: visible; overflow-wrap: anywhere; }
.project-page .scope-nav-list .project-treatment-item .scope-nav-copy strong { display: flex; align-items: baseline; gap: 4px; }
.project-page .scope-nav-list .add-task-card { color: var(--muted); }
.project-page .scope-nav-list .add-task-card:hover { color: var(--ink); }
.project-page .scope-nav-list :is(.scope-nav-item, .add-task-card):focus-visible { outline: 2px solid #77a18e; outline-offset: 2px; }
.task-nav-row[data-project-item-route] { cursor: pointer; }
.task-nav-row[data-project-item-route]:focus-visible { outline: 2px solid #77a18e; border-radius: 10px; outline-offset: 2px; }
#projectItemHeader { flex: 0 0 auto; max-height: min(48vh, 520px); overflow: auto; border-bottom: 1px solid #e5ebe5; scrollbar-gutter: stable; }
.item-selected .scope-chat-head { padding-left: max(28px, calc((100% - 1020px) / 2)); padding-right: max(28px, calc((100% - 1020px) / 2)); }
.item-selected .scoped-messages { padding: 28px max(28px, calc((100% - 1020px) / 2)) 16px; }
.item-selected .scoped-composer-wrap { padding-left: max(28px, calc((100% - 1020px) / 2)); padding-right: max(28px, calc((100% - 1020px) / 2)); }
.project-item-empty { margin: 14px 0 0; color: #7e8e83; font-size: 15px; line-height: 1.6; }
.project-item-empty p { margin: 0; }
/* Keep the prescription, conversation and composer on one reading column. */
.project-page[data-selected-item="treatment"] .project-scope-pane { --treatment-content-width: 1020px; --treatment-gutter: max(28px, calc((100% - var(--treatment-content-width)) / 2)); }
.project-page[data-selected-item="treatment"] #projectItemHeader { padding: 0 var(--treatment-gutter); scrollbar-gutter: auto; }
.project-page[data-selected-item="treatment"] .scope-chat-head { min-height: 52px; height: 52px; padding-left: var(--treatment-gutter); padding-right: var(--treatment-gutter); border-bottom-color: transparent; }
.project-page[data-selected-item="treatment"] .scope-heading-copy h1 { font-size: 15px; font-weight: 500; color: var(--muted); }
.project-page[data-selected-item="treatment"] .scoped-messages { padding: 22px var(--treatment-gutter) 16px; scrollbar-gutter: auto; }
.project-page[data-selected-item="treatment"] .scoped-composer-wrap { padding-left: var(--treatment-gutter); padding-right: var(--treatment-gutter); }
.treatment-detail-page #treatmentFields { padding: 0 max(28px, calc((100% - 960px) / 2)); }
@media (max-width: 900px) {
  .project-page .project-nav-head h1, .project-page .mobile-scope-close { color: var(--ink); }
  .project-back-link { color: #668575; }
  .item-selected .scope-chat-head { padding: env(safe-area-inset-top) 6px 0; }
  .item-selected .scoped-messages { padding: 20px 18px 14px; }
  .item-selected .scoped-composer-wrap { padding: 8px 10px calc(10px + env(safe-area-inset-bottom)); }
  #projectItemHeader { max-height: 44vh; }
  .project-page[data-selected-item="treatment"] .project-scope-pane { --treatment-gutter: 18px; }
  .project-page[data-selected-item="treatment"] .scope-chat-head { min-height: calc(52px + env(safe-area-inset-top)); height: calc(52px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 6px 0; }
  .project-page[data-selected-item="treatment"] .scope-heading-copy h1 { font-size: 16px; }
  .project-page[data-selected-item="treatment"] .scoped-composer-wrap { padding-left: 10px; padding-right: 10px; }
  .treatment-detail-page #treatmentFields { padding: 0 18px; }
}
