.projects-main { padding: 0 !important; overflow: hidden; }
.projects-app { display: grid; grid-template-columns: 248px minmax(0, 1fr); height: 100%; min-height: 0; background: #f7f8f5; color: #26312b; }
.projects-app * { box-sizing: border-box; }
.projects-app button, .projects-app input, .projects-app textarea, .projects-app select { font: inherit; }
.projects-app.busy { cursor: progress; }

.projects-sidebar { min-height: 0; display: flex; flex-direction: column; border-right: 1px solid #dce2dc; background: #f1f3ef; }
.projects-sidebar > header { display: flex; align-items: center; justify-content: space-between; padding: 16px 14px 10px; }
.projects-sidebar-eyebrow, .projects-kicker, .projects-card > span, .projects-plan header span, .projects-related header span, .projects-task-meta span, .projects-smart-views > span { display: block; color: #7b867f; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.projects-sidebar h1 { margin: 1px 0 0; font-size: 19px; letter-spacing: -.03em; }
.projects-sidebar-create { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #28342d; border-radius: 9px; padding: 0 0 2px; background: #28342d; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.projects-sidebar-create:hover { background: #365141; }
.projects-sidebar nav { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 0 8px 8px; padding: 3px; border-radius: 9px; background: #e6eae5; }
.projects-sidebar nav button, .projects-smart-views button { display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 7px; padding: 7px 9px; background: transparent; color: #647068; cursor: pointer; }
.projects-sidebar nav button:hover, .projects-smart-views button:hover { background: #f8faf7; color: #26312b; }
.projects-sidebar nav button.active { background: #fff; color: #26312b; box-shadow: 0 1px 3px #22302416; font-weight: 700; }
.projects-sidebar nav small, .projects-smart-views small { color: #919a94; }
.projects-list { min-height: 0; display: grid; align-content: start; gap: 2px; overflow: auto; padding: 2px 8px 20px; }
.projects-list > p { padding: 18px 10px; color: #7b867f; font-size: 13px; }
.projects-list-item { position: relative; width: 100%; display: grid; gap: 7px; min-height: 62px; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.projects-list-item:hover { background: #e9ede8; }
.projects-list-item.active { background: #fff; box-shadow: 0 1px 3px #26312b12; }
.projects-list-item.active::before { position: absolute; inset: 9px auto 9px 0; width: 3px; border-radius: 0 3px 3px 0; background: #467658; content: ""; }
.projects-list-title strong { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.projects-list-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #7b867f; font-size: 9px; text-transform: capitalize; }
.projects-list-meta > span { display: flex; align-items: center; gap: 5px; min-width: 0; }
.projects-list-meta small { color: #89938d; font-size: 9px; white-space: nowrap; }
.projects-project-status-dot { width: 7px; height: 7px; flex: 0 0 auto; border: 1.5px solid #789087; border-radius: 50%; }
.projects-project-status-dot.active { border-color: #3d7853; background: #3d7853; }
.projects-project-status-dot.proposed { border-color: #687d96; background: #dfe6f0; }
.projects-project-status-dot.waiting { border-color: #af8229; background: #f4d997; }
.projects-project-status-dot.completed { border-color: #4b825f; background: #9fc8aa; }
.projects-project-status-dot.canceled, .projects-project-status-dot.archived { border-color: #9b7b75; background: #d9cac7; }
.projects-smart-views { display: grid; gap: 3px; padding: 7px 12px; }
.projects-smart-views > span { padding: 7px 8px; }
.projects-smart-views button { display: grid; grid-template-columns: 24px 1fr auto; gap: 5px; text-align: left; }
.projects-smart-views button.active { background: #dfe9e0; color: #244c34; font-weight: 700; }
.projects-smart-views button i { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 5px; background: #ffffff9e; font-size: 11px; font-style: normal; }
.projects-error { margin: 0 14px 10px; border-radius: 8px; padding: 9px 10px; background: #f4dfda; color: #7c4035; font-size: 12px; }

.projects-content { min-width: 0; overflow: auto; }
.projects-task-overlay { --projects-task-drawer-width: 680px; position: fixed; z-index: 40; inset: 56px 0 0; display: flex; }
.projects-task-scrim { min-width: 0; flex: 1 1 auto; border: 0; padding: 0; background: #1e2b2433; cursor: default; }
.projects-task-drawer { min-width: 480px; width: var(--projects-task-drawer-width); max-width: calc(100vw - 96px); flex: 0 0 var(--projects-task-drawer-width); overflow: auto; border-left: 1px solid #dfe3df; background: #fff; box-shadow: -12px 0 36px #18271e1a; }
.projects-drawer-resizer { position: absolute; z-index: 5; top: 0; right: calc(var(--projects-task-drawer-width) - 5px); bottom: 0; width: 10px; border: 0; padding: 0; background: transparent; cursor: col-resize; touch-action: none; }
.projects-drawer-resizer span { position: absolute; inset: 0 auto 0 4px; width: 2px; background: transparent; transition: background 120ms ease, box-shadow 120ms ease; }
.projects-drawer-resizer:hover span, .projects-drawer-resizer:focus-visible span, .projects-resizing-drawer .projects-drawer-resizer span { background: #5b8f6e; box-shadow: 0 0 0 2px #5b8f6e22; }
.projects-drawer-resizer:focus-visible { outline: none; }
.projects-resizing-drawer, .projects-resizing-drawer * { cursor: col-resize !important; user-select: none !important; }
.projects-drawer-header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 32px 22px; border-bottom: 1px solid #ecefeb; background: #fffffff2; backdrop-filter: blur(16px); }
.projects-drawer-header > div:first-child { min-width: 0; flex: 1 1 auto; }
.projects-drawer-title-input { display: block; field-sizing: content; width: 100%; min-height: 1.2em; max-height: 4.7em; margin: 4px 0 3px; overflow-y: auto; resize: none; border: 1px solid transparent; border-radius: 6px; padding: 3px 5px; background: transparent; color: #26312b; font: inherit; font-size: clamp(22px, 2vw, 29px); font-weight: 680; letter-spacing: -.035em; line-height: 1.14; outline: none; }
.projects-drawer-title-input:hover { background: #f6f8f5; }
.projects-drawer-title-input:focus { border-color: #79a188; background: #fff; box-shadow: 0 0 0 3px #54826614; }
.projects-drawer-header p { margin: 0; color: #7c8680; font-size: 12px; }
.projects-drawer-header > div:last-child { display: flex; align-items: center; gap: 10px; }
.projects-drawer-header > div:last-child button { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 7px; background: transparent; color: #6d7770; font-size: 21px; cursor: pointer; }
.projects-drawer-header > div:last-child .projects-drawer-save { width: auto; border: 1px solid #dce2dd; padding: 0 12px; background: #fff; color: #344039; font-size: 12px; font-weight: 650; }
.projects-drawer-header > div:last-child .projects-drawer-save:hover { border-color: #bdc9c0; background: #f7f9f7; }
.projects-drawer-header > div:last-child button:hover { background: #f0f2ef; color: #26312b; }
.projects-state-select { width: auto; max-width: 130px; border: 0; border-radius: 999px; padding: 5px 25px 5px 10px; background-color: #e4e8e3; color: #667169; font-size: 10px; font-weight: 700; text-transform: capitalize; cursor: pointer; outline: none; }
.projects-state-select:focus { box-shadow: 0 0 0 3px #5482661a; }
.projects-state-select.in_progress { background-color: #dcebe1; color: #286342; }
.projects-state-select.ready, .projects-state-select.backlog { background-color: #e4e9f1; color: #48617c; }
.projects-state-select.waiting { background-color: #f3e8cf; color: #775a17; }
.projects-state-select.completed { background-color: #d9ede5; color: #226044; }
.projects-state-select.canceled { background-color: #ece5e3; color: #75534d; }
.projects-drawer-body { display: grid; gap: 0; padding: 0 32px 60px; }
.projects-task-editor, .projects-drawer-transition, .projects-completion-evidence, .projects-task-conversation { border: 0; border-bottom: 1px solid #ecefeb; border-radius: 0; padding: 24px 0; background: transparent; }
.projects-task-editor { display: grid; gap: 15px; }
.projects-task-conversation > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.projects-drawer-assignees > span, .projects-task-conversation > header span { color: #89928c; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.projects-task-editor label, .projects-drawer-transition label { display: grid; gap: 6px; color: #727d76; font-size: 10px; font-weight: 650; text-transform: uppercase; }
.projects-task-editor input, .projects-task-editor textarea, .projects-drawer-transition input, .projects-drawer-transition textarea, .projects-drawer-transition select, .projects-task-conversation textarea, .projects-task-conversation select { width: 100%; border: 1px solid transparent; border-radius: 6px; padding: 8px 9px; background: #f7f8f6; color: #2f3a33; font-weight: 450; line-height: 1.45; outline: none; text-transform: none; transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease; }
.projects-task-editor input:hover, .projects-task-editor textarea:hover, .projects-drawer-transition input:hover, .projects-drawer-transition textarea:hover, .projects-drawer-transition select:hover, .projects-task-conversation textarea:hover, .projects-task-conversation select:hover { border-color: #dfe4df; background: #fff; }
.projects-task-editor input:focus, .projects-task-editor textarea:focus, .projects-drawer-transition input:focus, .projects-drawer-transition textarea:focus, .projects-drawer-transition select:focus, .projects-task-conversation textarea:focus, .projects-task-conversation select:focus { border-color: #79a188; background: #fff; box-shadow: 0 0 0 3px #54826614; }
.projects-task-editor textarea { field-sizing: content; min-height: 96px; max-height: 320px; resize: vertical; }
.projects-field-outcome textarea { min-height: 104px; }
.projects-field-description textarea { min-height: 152px; }
.projects-field-acceptance textarea { min-height: 136px; }
.projects-editor-row { display: grid; grid-template-columns: 100px minmax(190px, 250px) minmax(150px, 1fr); align-items: end; gap: 10px; }
.projects-drawer-assignees { display: grid; align-content: end; gap: 6px; min-width: 0; }
.projects-drawer-assignees > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 35px; }
.projects-drawer-assignees i { border-radius: 999px; padding: 4px 8px; background: #e6eee7; color: #315f43; font-size: 9px; font-style: normal; font-weight: 700; }
.projects-drawer-assignees small { color: #8a948d; }
.projects-drawer-assignees .projects-text-button { margin: 0; padding: 0; font-size: 11px; }
.projects-drawer-transition { display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: end; gap: 10px; padding-block: 16px; }
.projects-drawer-transition > .projects-primary { grid-column: 2; min-width: 120px; width: auto; padding-inline: 16px; }
.projects-drawer-transition textarea { min-height: 35px; max-height: 76px; resize: vertical; }
.projects-completion-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 4px 0 0; border: 1px solid #dfe4de; border-radius: 9px; padding: 12px; background: #f8faf7; }
.projects-completion-fields legend { padding: 0 5px; color: #647068; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.projects-completion-fields label:first-of-type { grid-column: 1 / -1; }
.projects-completion-checklist { grid-column: 1 / -1; display: grid; gap: 8px; border-top: 1px solid #e2e7e1; padding-top: 12px; }
.projects-completion-checklist > strong { color: #536159; font-size: 11px; }
.projects-completion-checklist > p { margin: -3px 0 2px; color: #7b867f; font-size: 10px; line-height: 1.45; }
.projects-completion-checklist > label { display: grid; grid-template-columns: 18px 1fr; align-items: start; gap: 8px; border-radius: 8px; padding: 8px; background: #f5f8f4; color: #435047; font-size: 10px; font-weight: 550; line-height: 1.45; }
.projects-completion-checklist input { width: 15px; height: 15px; margin: 0; accent-color: #315f43; }
.projects-completion-fields textarea { min-height: 64px; max-height: 150px; background: #fff; }
.projects-completion-evidence { display: grid; gap: 13px; }
.projects-completion-evidence > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.projects-completion-evidence > header span { color: #56635b; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.projects-completion-evidence > header small, .projects-completion-ref-groups small { color: #8a948d; font-size: 9px; }
.projects-completion-evidence > p { margin: 0; color: #3e4b43; font-size: 12px; line-height: 1.55; }
.projects-completion-evidence > pre { overflow: auto; margin: 0; border-radius: 7px; padding: 10px; background: #f4f6f3; font: 10px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
.projects-completion-ref-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.projects-completion-ref-groups > div { min-width: 0; display: grid; gap: 6px; border-radius: 8px; padding: 10px; background: #f6f8f5; }
.projects-completion-ref-groups strong, .projects-completion-acceptance > strong, .projects-completion-results > strong { color: #6d7971; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.projects-completion-ref-groups ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.projects-completion-ref-groups code, .projects-completion-results code { overflow-wrap: anywhere; color: #315f43; font-size: 9px; }
.projects-completion-acceptance, .projects-completion-results { display: grid; gap: 7px; }
.projects-completion-acceptance span { display: flex; align-items: center; gap: 7px; color: #4f5c54; font-size: 10px; }
.projects-completion-acceptance span i { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #dcebe1; color: #286342; font-style: normal; font-weight: 800; }
.projects-completion-acceptance span.unmet i { background: #f0dfdc; color: #814a40; }
.projects-task-conversation > header h2 { margin: 2px 0 0; font-size: 14px; }
.projects-task-conversation > form { display: grid; gap: 8px; margin-top: 14px; border: 1px solid #dce2dc; border-radius: 9px; padding: 10px; background: #f8faf7; }
.projects-task-conversation > form textarea { min-height: 64px; border: 0; padding: 2px; background: transparent; font-size: 12px; resize: vertical; }
.projects-task-conversation > form footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.projects-task-conversation > form select { width: auto; min-width: 104px; background: #fff; font-size: 11px; }
.projects-task-conversation > form button { padding: 8px 13px; font-size: 11px; }
.projects-activity { display: grid; margin-top: 18px; }
.projects-activity > article { display: grid; grid-template-columns: 14px 1fr; gap: 10px; min-width: 0; padding: 0 0 18px; }
.projects-activity > article:not(:last-child) { position: relative; }
.projects-activity > article:not(:last-child)::before { position: absolute; top: 11px; bottom: -2px; left: 4px; width: 1px; background: #dce2dc; content: ""; }
.projects-activity-dot { z-index: 1; width: 9px; height: 9px; margin-top: 4px; border: 2px solid #7b8d81; border-radius: 50%; background: #fff; }
.projects-activity-dot.active, .projects-activity-dot.succeeded { border-color: #3c7853; background: #a9cfb4; }
.projects-activity-dot.waiting, .projects-activity-dot.failed { border-color: #a77722; background: #efd38e; }
.projects-activity article > div { min-width: 0; }
.projects-activity article header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.projects-activity article strong { font-size: 11px; text-transform: capitalize; }
.projects-activity article time, .projects-activity article small { color: #849087; font-size: 9px; }
.projects-activity article p, .projects-activity article pre { margin: 7px 0 0; color: #4e5b53; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.projects-activity article pre { overflow: auto; border-radius: 7px; padding: 9px; background: #f3f5f2; }
.projects-activity-empty { margin: 0; color: #7b867f; font-size: 11px; line-height: 1.5; }
.projects-detail { width: min(980px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 80px; }
.projects-project-board, .projects-project-list { width: min(1500px, calc(100% - 48px)); }
.projects-detail-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; padding-bottom: 28px; border-bottom: 1px solid #dfe4de; }
.projects-detail-header h1, .projects-workspace-header h1 { margin: 7px 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.045em; line-height: 1.05; }
.projects-detail-header p, .projects-workspace-header p { max-width: 680px; margin: 0; color: #657169; font-size: 14px; line-height: 1.6; }
.projects-header-actions { display: flex; align-items: center; gap: 8px; }
.projects-project-tabs { display: flex; gap: 22px; border-bottom: 1px solid #dfe4de; }
.projects-project-tabs button { border: 0; border-bottom: 2px solid transparent; padding: 14px 2px 12px; background: transparent; color: #6d7971; font-size: 13px; font-weight: 650; text-transform: capitalize; cursor: pointer; }
.projects-project-tabs button.active { border-color: #315f43; color: #244c34; }
.projects-breadcrumb { margin-bottom: 18px; border: 0; padding: 0; background: transparent; color: #567261; font-size: 12px; cursor: pointer; }

.projects-workspace { min-width: 0; padding: 36px 32px 72px; }
.projects-content > .projects-workspace { min-height: 100%; }
.projects-project-detail .projects-workspace { padding: 24px 0 0; }
.projects-workspace-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; max-width: 1320px; margin: 0 auto 28px; }
.projects-workspace-inline-action { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.projects-work-summary { display: grid; grid-template-columns: repeat(3, minmax(100px, .75fr)) minmax(180px, 1.25fr); overflow: hidden; max-width: 1320px; margin: 0 auto 16px; border: 1px solid #dce2dc; border-radius: 12px; background: #dce2dc; gap: 1px; }
.projects-work-summary > div { display: grid; gap: 2px; min-height: 74px; padding: 14px 17px; background: #fff; }
.projects-work-summary strong { font-size: 20px; letter-spacing: -.04em; }
.projects-work-summary span { color: #7b867f; font-size: 11px; }
.projects-progress-metric { grid-template-columns: auto 1fr; align-items: center; }
.projects-progress-metric > strong { grid-row: 1 / 3; margin-right: 6px; }
.projects-progress-metric > i { grid-column: 2; overflow: hidden; height: 4px; border-radius: 999px; background: #e5eae5; }
.projects-progress-metric > i b { display: block; height: 100%; border-radius: inherit; background: #4b825f; }
.projects-project-summary { margin-top: 22px; }

.projects-view-toolbar { display: flex; align-items: center; gap: 8px; max-width: 1320px; margin: 0 auto; border: 1px solid #dce2dc; border-radius: 10px; padding: 8px; background: #fff; box-shadow: 0 1px 2px #26312b08; }
.projects-search { display: flex; align-items: center; gap: 7px; min-width: 210px; flex: 1; padding: 0 5px; }
.projects-search span { color: #89948d; font-size: 20px; }
.projects-search input { min-width: 0; width: 100%; border: 0; padding: 7px 2px; background: transparent; color: #26312b; outline: 0; }
.projects-view-toolbar select { max-width: 180px; border: 1px solid #e0e5df; border-radius: 7px; padding: 7px 28px 7px 9px; background: #f8faf7; color: #4c5a51; outline: 0; }
.projects-toggle { display: flex; align-items: center; gap: 6px; color: #68746c; font-size: 11px; white-space: nowrap; }
.projects-layout-toggle { display: flex; border: 1px solid #dce2dc; border-radius: 7px; padding: 2px; background: #f1f4f0; }
.projects-layout-toggle button { border: 0; border-radius: 5px; padding: 6px 9px; background: transparent; color: #6c7870; font-size: 11px; cursor: pointer; }
.projects-layout-toggle button.active { background: #fff; color: #26312b; box-shadow: 0 1px 3px #26312b1c; font-weight: 700; }
.projects-view-result { display: flex; gap: 8px; max-width: 1320px; margin: 13px auto 8px; color: #78837c; font-size: 11px; }
.projects-view-result small { border-left: 1px solid #cfd6d0; padding-left: 8px; text-transform: capitalize; }

.projects-board { display: grid; grid-auto-columns: minmax(255px, 1fr); grid-auto-flow: column; gap: 10px; max-width: 1500px; min-height: 420px; margin: 0 auto; padding-bottom: 12px; overflow-x: auto; align-items: start; }
.projects-board-column { min-width: 255px; border: 1px solid #dfe4de; border-radius: 10px; background: #f0f3ef; transition: border-color .15s, background .15s; }
.projects-board-column.drag-over { border-color: #5b8768; background: #e4eee5; }
.projects-board-column > header { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 8px; padding: 11px 12px 9px; color: #4f5d54; text-transform: capitalize; }
.projects-board-column > header strong { font-size: 11px; }
.projects-board-column > header small { display: grid; place-items: center; min-width: 20px; height: 20px; border-radius: 999px; background: #fff; color: #77827a; font-size: 10px; }
.projects-state-dot { width: 8px; height: 8px; border: 2px solid #87958b; border-radius: 50%; }
.state-in_progress .projects-state-dot { border-color: #3d7853; background: #3d7853; }
.state-waiting .projects-state-dot { border-color: #af8229; background: #f4d997; }
.state-completed .projects-state-dot { border-color: #4b825f; background: #4b825f; box-shadow: inset 0 0 0 2px #e1efe5; }
.state-canceled .projects-state-dot { border-color: #9b7b75; background: #d9cac7; }
.projects-board-dropzone { display: grid; align-content: start; gap: 7px; min-height: 370px; padding: 0 7px 7px; }
.projects-column-empty { margin: 0; border: 1px dashed #d8ded8; border-radius: 8px; padding: 20px 8px; color: #929b95; font-size: 11px; text-align: center; }
.projects-board-card { overflow: hidden; border: 1px solid #dce2dc; border-radius: 9px; background: #fff; box-shadow: 0 1px 2px #26312b0c; transition: transform .12s, box-shadow .12s, opacity .12s; }
.projects-board-card:hover { transform: translateY(-1px); box-shadow: 0 6px 16px #26312b12; }
.projects-board-card.dragging { opacity: .45; }
.projects-card-open { width: 100%; display: grid; gap: 8px; border: 0; padding: 12px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.projects-card-open strong { font-size: 12px; line-height: 1.35; }
.projects-card-open p { display: -webkit-box; overflow: hidden; margin: 0; color: #77827a; font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.projects-card-kind { color: #708078; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.projects-card-open footer { display: flex; align-items: center; gap: 6px; }
.projects-card-open footer time { color: #7b867f; font-size: 9px; }
.projects-card-open footer i, .projects-assignee > i { display: grid; place-items: center; width: 22px; height: 22px; margin-left: auto; border-radius: 6px; background: #e3ebe4; color: #315f43; font-size: 8px; font-style: normal; font-weight: 800; }
.projects-card-open > small { overflow: hidden; padding-top: 7px; border-top: 1px solid #edf0ec; color: #6d7971; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.projects-priority { border-radius: 4px; padding: 2px 5px; background: #edf0ec; color: #68746c; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.projects-priority.priority-high { background: #f3e3dc; color: #844b39; }
.projects-priority.priority-low { background: #e7edf2; color: #53697a; }

.projects-table-wrap { max-width: 1320px; margin: 0 auto; overflow: auto; border: 1px solid #dce2dc; border-radius: 10px; background: #fff; }
.projects-task-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.projects-task-table th { padding: 10px 13px; background: #f2f4f1; color: #7b867f; font-size: 9px; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.projects-task-table td { padding: 11px 13px; border-top: 1px solid #edf0ec; color: #5b675f; }
.projects-task-table tr:hover td { background: #fafbf9; }
.projects-task-table td:first-child { min-width: 260px; }
.projects-task-table td button { display: grid; gap: 3px; border: 0; padding: 0; background: transparent; color: #2c3831; text-align: left; cursor: pointer; }
.projects-task-table td button small { color: #839087; font-size: 9px; text-transform: uppercase; }
.projects-assignee { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.projects-assignee > i { margin: 0; }
.projects-view-empty { max-width: 1320px; margin: 0 auto; border: 1px dashed #d8ded8; border-radius: 10px; padding: 48px; color: #657169; text-align: center; }
.projects-view-empty h3 { margin: 0 0 6px; color: #26312b; }
.projects-view-empty p { margin: 0; font-size: 12px; }

.projects-state { display: inline-flex; align-items: center; width: max-content; border-radius: 999px; padding: 4px 8px; background: #e4e8e3; color: #667169; font-size: 10px; font-style: normal; font-weight: 700; text-transform: capitalize; white-space: nowrap; }
.projects-state.active, .projects-state.in_progress, .projects-state.running { background: #dcebe1; color: #286342; }
.projects-state.ready, .projects-state.proposed, .projects-state.backlog { background: #e4e9f1; color: #48617c; }
.projects-state.waiting, .projects-state.handed_off { background: #f3e8cf; color: #775a17; }
.projects-state.completed, .projects-state.succeeded { background: #d9ede5; color: #226044; }
.projects-state.canceled, .projects-state.failed, .projects-state.archived { background: #ece5e3; color: #75534d; }
.projects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.projects-card, .projects-plan, .projects-related, .projects-transition { border: 1px solid #dfe4de; border-radius: 12px; background: #fff; }
.projects-card { min-height: 150px; padding: 20px; }
.projects-card ul { margin: 14px 0 0; padding-left: 18px; }
.projects-card li, .projects-card p { margin: 7px 0; color: #56635b; font-size: 13px; line-height: 1.5; }
.projects-plan, .projects-related { margin-top: 14px; padding: 22px; }
.projects-plan header, .projects-related header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.projects-plan h2, .projects-related h2 { margin: 5px 0 0; font-size: 17px; }
.projects-plan > pre { max-height: 440px; overflow: auto; margin: 20px 0 8px; padding: 20px; border-radius: 9px; background: #f4f6f3; color: #334139; font: 12px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
.projects-plan > p, .projects-related > p { color: #68736c; font-size: 13px; }
.projects-plan > small { color: #8a948e; }
.projects-related-list { display: grid; gap: 5px; margin-top: 16px; }
.projects-related-list button { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; border-radius: 8px; padding: 10px; background: #f5f7f4; color: inherit; text-align: left; cursor: pointer; }
.projects-related-list button span { display: grid; gap: 3px; }
.projects-related-list small { color: #7a857e; }
.projects-task-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; margin-top: 22px; border: 1px solid #dfe4de; border-radius: 12px; background: #dfe4de; }
.projects-task-meta div { display: grid; gap: 7px; padding: 16px; background: #fff; }
.projects-task-meta strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.projects-transition { display: grid; grid-template-columns: 180px 1fr 1fr auto; gap: 10px; align-items: end; margin-top: 14px; padding: 16px; }
.projects-transition div { display: grid; gap: 5px; }
.projects-transition span { color: #7b867f; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.projects-transition input, .projects-transition textarea, .projects-transition select, .projects-dialog input, .projects-dialog textarea, .projects-dialog select { width: 100%; border: 1px solid #d9dfd8; border-radius: 8px; padding: 9px 10px; background: #fafbf9; color: #28332c; outline: none; }
.projects-transition textarea { min-height: 38px; max-height: 100px; resize: vertical; }
.projects-attempts { display: grid; gap: 8px; margin-top: 16px; }
.projects-attempts article { display: grid; grid-template-columns: max-content 1fr max-content; gap: 10px; align-items: center; padding: 12px; border-radius: 9px; background: #f5f7f4; }
.projects-attempts pre { grid-column: 1 / -1; overflow: auto; margin: 0; font-size: 11px; }
.projects-attempts small { color: #7b867f; }
.projects-empty { max-width: 520px; margin: 18vh auto 0; text-align: center; }
.projects-empty span { color: #7b867f; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.projects-empty h2 { margin: 10px 0; font-size: 28px; }
.projects-empty p { margin: 0 0 22px; color: #68736c; line-height: 1.6; }
.projects-primary, .projects-secondary, .projects-text-button { border-radius: 8px; padding: 8px 11px; cursor: pointer; }
.projects-primary { border: 1px solid #28342d; background: #28342d; color: #fff; }
.projects-primary:hover { background: #365141; }
.projects-secondary { border: 1px solid #d7ddd6; background: #fff; color: #39453e; }
.projects-text-button { margin-top: 8px; border: 0; background: transparent; color: #356149; padding-left: 0; }

.projects-dialog { width: min(560px, calc(100vw - 32px)); border: 0; border-radius: 14px; padding: 0; box-shadow: 0 30px 90px #1c28204d; }
.projects-dialog::backdrop { background: #26322b66; backdrop-filter: blur(2px); }
.projects-dialog form { display: grid; gap: 15px; padding: 22px; }
.projects-dialog header, .projects-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.projects-dialog header span { color: #7b867f; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.projects-dialog h2 { margin: 4px 0 0; }
.projects-dialog header > button { border: 0; background: transparent; font-size: 24px; cursor: pointer; }
.projects-dialog label { display: grid; gap: 6px; color: #556159; font-size: 12px; font-weight: 650; }
.projects-dialog textarea { min-height: 80px; resize: vertical; }
.projects-project-dialog { width: min(720px, calc(100vw - 32px)); }
.projects-dialog .projects-brief-field textarea { min-height: 230px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; line-height: 1.55; }
.projects-plan-dialog textarea { min-height: 50vh; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.projects-dialog footer { justify-content: flex-end; }

@media (max-width: 900px) {
  .projects-app { grid-template-columns: 210px minmax(0, 1fr); }
  .projects-detail, .projects-project-board, .projects-project-list { width: calc(100% - 32px); padding-top: 28px; }
  .projects-workspace { padding: 28px 18px 60px; }
  .projects-grid { grid-template-columns: 1fr; }
  .projects-task-meta { grid-template-columns: 1fr 1fr; }
  .projects-transition { grid-template-columns: 1fr; }
  .projects-view-toolbar { flex-wrap: wrap; }
  .projects-search { flex-basis: 100%; }
  .projects-work-summary { grid-template-columns: 1fr 1fr; }
  .projects-task-overlay { grid-template-columns: minmax(0, 1fr) minmax(480px, 65vw); }
  .projects-drawer-transition { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .projects-app { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .projects-sidebar { max-height: 210px; border-right: 0; border-bottom: 1px solid #dce2dc; }
  .projects-sidebar > header { padding: 12px 14px 8px; }
  .projects-sidebar nav { padding-bottom: 8px; }
  .projects-smart-views { grid-template-columns: 1fr 1fr; overflow: auto; }
  .projects-smart-views > span { display: none; }
  .projects-list { display: flex; overflow-x: auto; padding-bottom: 8px; }
  .projects-list-item { min-width: 220px; }
  .projects-detail-header, .projects-workspace-header { display: grid; }
  .projects-work-summary { grid-template-columns: 1fr 1fr; }
  .projects-view-toolbar select { max-width: 145px; }
  .projects-task-overlay { grid-template-columns: 1fr; }
  .projects-task-scrim { display: none; }
  .projects-drawer-header, .projects-drawer-body { padding-left: 18px; padding-right: 18px; }
  .projects-editor-row, .projects-drawer-transition, .projects-completion-fields { grid-template-columns: 1fr; }
  .projects-drawer-transition > .projects-primary { grid-column: 1; justify-self: stretch; }
  .projects-completion-fields label:first-of-type { grid-column: auto; }
  .projects-completion-ref-groups { grid-template-columns: 1fr; }
  .projects-drawer-assignees { grid-template-columns: 1fr; }
}

/* Projects 2.0: focused work surfaces with compact, contextual controls. */
.projects-app { grid-template-columns: 1fr; grid-template-rows: 48px minmax(0, 1fr); background: #f8f9f7; }
.projects-shell-header { z-index: 5; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e5e0; padding: 0 20px; background: #fbfcfae8; backdrop-filter: blur(14px); }
.projects-shell-header nav { display: flex; align-items: stretch; height: 100%; gap: 22px; }
.projects-shell-header nav button { border: 0; border-bottom: 2px solid transparent; padding: 0 1px; background: transparent; color: #727c75; font-size: 12px; font-weight: 650; cursor: pointer; }
.projects-shell-header nav button.active { border-color: #315f43; color: #26312b; }
.projects-shell-header nav small { margin-left: 5px; color: #97a099; font-size: 10px; }
.projects-shell-create { border: 0; border-radius: 6px; padding: 6px 10px; background: #29362e; color: #fff; font-size: 11px; font-weight: 650; cursor: pointer; }
.projects-error { position: fixed; z-index: 20; top: 62px; right: 16px; max-width: 420px; margin: 0; box-shadow: 0 8px 28px #48251b24; }
.projects-content { grid-row: 2; }

.projects-index { width: min(1220px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 80px; }
.projects-index-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.projects-index-header h1 { margin: 5px 0 7px; font-size: 29px; letter-spacing: -.04em; }
.projects-index-header p { max-width: 620px; margin: 0; color: #707a73; font-size: 12px; line-height: 1.55; }
.projects-index-toolbar { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #dfe4de; padding: 0 0 12px; }
.projects-index-toolbar .projects-search { max-width: 420px; border: 1px solid #dce2dc; border-radius: 7px; padding: 0 9px; background: #fff; }
.projects-index-toolbar select { margin-left: auto; border: 1px solid #dce2dc; border-radius: 7px; padding: 7px 30px 7px 9px; background: #fff; color: #58645c; font-size: 11px; }
.projects-index-result { display: flex; gap: 10px; padding: 12px 2px 8px; color: #69756d; font-size: 10px; }
.projects-index-result small { color: #9aa29c; }
.projects-index-table { overflow: hidden; border: 1px solid #dfe4de; border-radius: 9px; background: #fff; }
.projects-index-table > header, .projects-index-row { display: grid; grid-template-columns: minmax(320px, 2.2fr) minmax(100px, .7fr) minmax(130px, .9fr) minmax(76px, .5fr) minmax(76px, .5fr); align-items: center; gap: 16px; }
.projects-index-table > header { padding: 8px 14px; background: #f3f5f2; color: #8a938d; font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.projects-index-row { width: 100%; border: 0; border-top: 1px solid #edf0ec; padding: 11px 14px; background: #fff; color: #58645c; font-size: 10px; text-align: left; cursor: pointer; }
.projects-index-row:hover { background: #f8faf7; }
.projects-index-row > span:nth-child(2) { display: flex; align-items: center; gap: 6px; text-transform: capitalize; }
.projects-index-row time { color: #87918a; }
.projects-index-title { display: flex; align-items: center; gap: 11px; min-width: 0; }
.projects-index-title > span { display: grid; gap: 3px; min-width: 0; }
.projects-index-title strong { overflow: hidden; color: #2c3831; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.projects-index-title small { overflow: hidden; color: #828c85; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.projects-project-icon { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 7px; background: #e5ede6; color: #315f43; font-size: 11px; font-style: normal; font-weight: 800; }
.projects-index-progress { display: flex; align-items: center; gap: 8px; }
.projects-index-progress > i, .projects-project-board button > i, .projects-progress-track { overflow: hidden; height: 4px; flex: 1; border-radius: 999px; background: #e7ebe7; }
.projects-index-progress b, .projects-project-board button > i b, .projects-progress-track b { display: block; height: 100%; border-radius: inherit; background: #548267; }
.projects-project-board { width: auto; display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 10px; }
.projects-project-board > section { overflow: hidden; border: 1px solid #dfe4de; border-radius: 9px; background: #f1f3f0; }
.projects-project-board > section > header { display: flex; align-items: center; justify-content: space-between; padding: 10px; color: #5e6a62; font-size: 10px; font-weight: 700; text-transform: capitalize; }
.projects-project-board > section > header span { display: flex; align-items: center; gap: 7px; }
.projects-project-board > section > div { display: grid; gap: 6px; padding: 0 6px 6px; }
.projects-project-board button { display: grid; gap: 8px; border: 1px solid #dfe4de; border-radius: 7px; padding: 11px; background: #fff; color: #2d3932; text-align: left; cursor: pointer; }
.projects-project-board button p { display: -webkit-box; overflow: hidden; margin: 0; color: #7d8780; font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.projects-project-board button footer { display: flex; justify-content: space-between; color: #7d8780; font-size: 9px; }

.projects-detail { display: block; width: min(1120px, calc(100% - 64px)); padding: 26px 0 80px; }
.projects-breadcrumb { margin-bottom: 12px; color: #77837b; }
.projects-detail-header { padding-bottom: 20px; }
.projects-detail-header h1 { margin: 5px 0 6px; font-size: clamp(25px, 3vw, 34px); }
.projects-detail-header p { font-size: 12px; }
.projects-project-tabs { gap: 18px; }
.projects-project-tabs button { padding: 11px 2px 9px; font-size: 11px; }
.projects-project-tabs button small { margin-left: 4px; color: #97a099; }
.projects-project-overview { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 48px; padding-top: 28px; }
.projects-project-overview > main { display: grid; gap: 30px; min-width: 0; }
.projects-overview-section { min-width: 0; }
.projects-overview-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #e4e8e3; padding-bottom: 8px; }
.projects-overview-section h2 { margin: 0; font-size: 13px; letter-spacing: -.01em; }
.projects-overview-section header span { color: #8a938d; font-size: 9px; }
.projects-overview-section > header > div { display: flex; align-items: baseline; gap: 8px; }
.projects-brief { padding-bottom: 4px; }
.projects-markdown-document { margin-top: 14px; color: #455249; font-size: 12px; line-height: 1.68; }
.projects-markdown-document > :first-child { margin-top: 0; }
.projects-markdown-document > :last-child { margin-bottom: 0; }
.projects-markdown-document h1,
.projects-markdown-document h2,
.projects-markdown-document h3,
.projects-markdown-document h4 { margin: 24px 0 8px; color: #26332b; font-weight: 720; letter-spacing: -.025em; line-height: 1.25; }
.projects-markdown-document h1 { font-size: 22px; }
.projects-markdown-document h2 { border-bottom: 1px solid #e7ebe6; padding-bottom: 6px; font-size: 17px; }
.projects-markdown-document h3 { font-size: 14px; }
.projects-markdown-document h4 { font-size: 12px; }
.projects-markdown-document p { margin: 0 0 12px; }
.projects-markdown-document ul,
.projects-markdown-document ol { margin: 8px 0 15px; padding-left: 22px; }
.projects-markdown-document li { margin: 5px 0; padding-left: 2px; }
.projects-markdown-document li::marker { color: #6d7d72; }
.projects-markdown-document blockquote { margin: 14px 0; border-left: 3px solid #9eb4a4; border-radius: 0 7px 7px 0; padding: 9px 13px; background: #f0f4ef; color: #55635a; }
.projects-markdown-document hr { height: 1px; margin: 20px 0; border: 0; background: #dfe5df; }
.projects-markdown-document pre { overflow: auto; margin: 14px 0; border-radius: 8px; padding: 14px; background: #1f2d25; color: #edf4ef; font: 11px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.projects-markdown-document code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.projects-markdown-document p code,
.projects-markdown-document li code { border-radius: 4px; padding: 1px 4px; background: #edf1ec; color: #35443a; }
.projects-markdown-document .markdown-table-wrap { max-width: 100%; overflow-x: auto; margin: 14px 0; }
.projects-markdown-document table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 11px; }
.projects-markdown-document th,
.projects-markdown-document td { border: 1px solid #dfe5df; padding: 8px 10px; vertical-align: top; }
.projects-markdown-document th { background: #f2f5f1; color: #344239; font-weight: 700; }
.projects-check-list { display: grid; gap: 2px; margin: 10px 0 0; padding: 0; list-style: none; }
.projects-check-list li { display: grid; grid-template-columns: 22px 1fr; align-items: start; gap: 7px; padding: 7px 4px; color: #48554c; font-size: 11px; line-height: 1.5; }
.projects-check-list i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; background: #edf1ed; color: #637269; font-size: 9px; font-style: normal; }
.projects-check-list.success i { background: #e2eee5; color: #35704c; }
.projects-knowledge-list { display: grid; gap: 5px; margin-top: 10px; }
.projects-knowledge-list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid #e2e7e1; border-radius: 8px; padding: 9px 11px; background: #fff; color: #354239; text-decoration: none; }
.projects-knowledge-list a:hover { border-color: #b9c9bd; background: #f7faf7; }
.projects-knowledge-list i, .projects-knowledge-picker i { border-radius: 999px; padding: 3px 7px; background: #e8f0e9; color: #41634e; font-size: 8px; font-style: normal; font-weight: 750; text-transform: uppercase; }
.projects-knowledge-list span { display: grid; min-width: 0; gap: 2px; }
.projects-knowledge-list strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.projects-knowledge-list small, .projects-knowledge-status { color: #818c84; font-size: 9px; line-height: 1.45; }
.projects-knowledge-list b { color: #7c8880; font-size: 10px; }
.projects-knowledge-status { margin: 8px 2px 0; }
.projects-knowledge-dialog { width: min(680px, calc(100vw - 32px)); }
.projects-knowledge-dialog > form > p { margin: 0; color: #6e7a72; font-size: 11px; line-height: 1.55; }
.projects-knowledge-picker { display: grid; max-height: min(520px, 58vh); overflow: auto; border: 1px solid #e0e5df; border-radius: 9px; padding: 6px; background: #f7f9f6; }
.projects-knowledge-picker > label { display: grid; grid-template-columns: 18px auto minmax(0, 1fr); align-items: center; gap: 8px; margin: 0; border-radius: 6px; padding: 7px 8px 7px calc(8px + var(--knowledge-depth) * 18px); color: #3f4c43; text-transform: none; cursor: pointer; }
.projects-knowledge-picker > label:hover { background: #fff; }
.projects-knowledge-picker input { width: 14px; height: 14px; }
.projects-knowledge-picker span { display: grid; min-width: 0; gap: 2px; }
.projects-knowledge-picker strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.projects-knowledge-picker small { overflow: hidden; color: #8a948d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.projects-plan, .projects-related { margin: 0; border: 0; border-radius: 0; padding: 0; background: transparent; }
.projects-plan > .projects-markdown-document { max-height: 560px; overflow: auto; margin-bottom: 8px; }
.projects-related-list { margin-top: 8px; }
.projects-related-list button { border-bottom: 1px solid #edf0ec; border-radius: 0; padding: 9px 4px; background: transparent; }
.projects-related-list button:hover { background: #f7f9f6; }
.projects-overview-aside { display: grid; align-content: start; gap: 12px; }
.projects-overview-aside > section { border: 1px solid #e0e4df; border-radius: 9px; padding: 14px; background: #fff; }
.projects-overview-aside h3 { margin: 0 0 13px; color: #69756d; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.projects-overview-aside > section > strong { display: block; margin-bottom: 9px; font-size: 22px; letter-spacing: -.04em; }
.projects-progress-track { display: block; width: 100%; }
.projects-overview-aside dl { display: grid; gap: 9px; margin: 13px 0 0; }
.projects-overview-aside dl div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.projects-overview-aside dt { color: #87918a; font-size: 9px; }
.projects-overview-aside dd { overflow: hidden; margin: 0; color: #4b574f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.projects-project-tasks { width: min(1500px, calc(100% - 48px)); }

.projects-card-dependencies { color: #9a6c20; font-size: 9px; }
.projects-dependency-count { border-radius: 999px; padding: 3px 6px; font-size: 9px; }
.projects-dependency-count.blocked { background: #f4e7cc; color: #78591b; }
.projects-dependency-count.clear { background: #dfece3; color: #2e6745; }
.projects-dependency-editor { display: grid; gap: 4px; max-height: 220px; overflow: auto; margin: 0; border: 1px solid #dce2dc; border-radius: 8px; padding: 10px; }
.projects-dependency-editor legend { padding: 0 4px; color: #68746c; font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.projects-dependency-editor label { grid-template-columns: 17px 1fr; align-items: start; border-radius: 6px; padding: 6px; background: #f7f9f6; text-transform: none; }
.projects-dependency-editor input { width: 14px; margin-top: 2px; }
.projects-dependency-editor label span { display: grid; gap: 2px; }
.projects-dependency-editor label strong { color: #445148; font-size: 10px; }
.projects-dependency-editor label small, .projects-dependency-editor > small, .projects-dependency-editor p { margin: 0; color: #8a948d; font-size: 9px; }
.projects-task-relations { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-bottom: 1px solid #ecefeb; padding: 20px 0; }
.projects-task-relations > div { display: grid; align-content: start; gap: 4px; border: 0; border-radius: 0; padding: 0; background: transparent; }
.projects-task-relations > div > span { margin-bottom: 4px; color: #7b867f; font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.projects-task-relations button { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 7px; border: 0; border-radius: 5px; padding: 7px 6px; background: transparent; color: #465249; text-align: left; cursor: pointer; }
.projects-task-relations button:hover { background: #f5f7f4; }
.projects-task-relations button strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.projects-task-relations button small { color: #89938c; font-size: 8px; }
.projects-task-relations p { margin: 4px 0; color: #929b95; font-size: 9px; }
.projects-dependency-warning { margin: 16px 0 0; border: 0; border-left: 3px solid #cf9b37; border-radius: 3px; padding: 9px 12px; background: #fbf6e9; color: #74591e; font-size: 10px; }
.projects-dependency-warning strong { margin-right: 5px; }
.projects-dialog label > small { color: #8a948d; font-size: 9px; font-weight: 400; }
.projects-dialog select[multiple] { min-height: 70px; padding: 4px; }
.projects-dialog select[multiple] option { border-radius: 4px; padding: 5px; }

@media (max-width: 900px) {
  .projects-app { grid-template-columns: 1fr; }
  .projects-index { width: calc(100% - 32px); padding-top: 28px; }
  .projects-index-table > header, .projects-index-row { grid-template-columns: minmax(260px, 2fr) 90px 120px 70px; }
  .projects-index-table > header span:last-child, .projects-index-row time { display: none; }
  .projects-project-board { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
  .projects-project-overview { grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; }
}
@media (max-width: 620px) {
  .projects-app { grid-template-rows: 45px minmax(0, 1fr); }
  .projects-shell-header { padding: 0 12px; }
  .projects-index { width: calc(100% - 24px); padding-top: 22px; }
  .projects-index-header { display: grid; }
  .projects-index-toolbar { flex-wrap: wrap; }
  .projects-index-toolbar .projects-search { max-width: none; flex-basis: 100%; }
  .projects-index-toolbar select { margin-left: 0; flex: 1; }
  .projects-index-table > header, .projects-index-row { grid-template-columns: minmax(0, 1fr) 86px; }
  .projects-index-table > header span:nth-child(n+3), .projects-index-row > *:nth-child(n+3) { display: none; }
  .projects-project-board { grid-template-columns: 1fr; }
  .projects-detail { width: calc(100% - 24px); }
  .projects-project-overview { grid-template-columns: 1fr; }
  .projects-overview-aside { grid-row: 1; grid-template-columns: 1fr 1fr; }
  .projects-task-relations { grid-template-columns: 1fr; }
  .projects-task-overlay { display: block; }
  .projects-task-drawer { width: 100%; max-width: none; min-width: 0; height: 100%; }
  .projects-drawer-resizer { display: none; }
}