/* Scoped shell and table geometry. Legacy remains in crm-projects.css. */
[data-panel="projects"][data-projects-ui="v2"] {
  --pj-ink: #202938;
  --pj-muted: #526077;
  --st-ns-fg: #526077;
  --pj-line: #dce2ea;
  --pj-surface: #fff;
  --pj-raised: #f7f8fa;
  --pj-accent: #17704f;
  --pj-accent-ink: #17704f;
  --pj-v2-focus: #175dba;
  --pj-v2-text-scale: 1;
  --crm-projects-ui-scale: 1;
  container-type: inline-size;
  container-name: projects;
  zoom: 1;
  font-family: 'Noto Sans', system-ui, sans-serif;
  font-size: calc(14px * var(--pj-v2-text-scale));
  font-weight: 500;
  line-height: 1.45;
  color: var(--pj-ink);
}
[data-projects-ui="v2"] [hidden] { display: none !important; }
[data-projects-ui="v2"] #projects-board-table-wrap { overflow: hidden; min-width: 0; }
[data-projects-ui="v2"] #projects-board-scroll { overflow: auto; max-height: min(65dvh, 720px); overscroll-behavior: contain; scrollbar-gutter: stable; overflow-anchor: none; }
[data-projects-ui="v2"] #projects-board-table { position: relative; }
[data-projects-ui="v2"] #projects-board-header { position: sticky; top: 0; z-index: 12; background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-board-header > [data-column-key] { position: relative; }
[data-projects-ui="v2"] #projects-board-rows { position: relative; }
[data-projects-ui="v2"] :is(.crm-projects-board-row, .crm-projects-board-section-row) { height: var(--pj-row-h); min-height: var(--pj-row-h); box-sizing: border-box; margin: 0; }
[data-projects-ui="v2"] [data-column-key="taskTitle"] { position: sticky; left: 0; z-index: 2; background: inherit; }
[data-projects-ui="v2"] .crm-projects-board-row > [data-column-key]:not([data-column-key="taskTitle"]) { position: relative; z-index: 0; }
[data-projects-ui="v2"] #projects-board-header > [data-column-key="taskTitle"] { position: sticky; z-index: 13; background: var(--pj-raised); }
[data-projects-ui="v2"] .crm-projects-board-row { background: var(--pj-surface); }
[data-projects-ui="v2"] [data-column-resize] { position: absolute; right: 0; top: 0; bottom: 0; width: 8px; cursor: col-resize; touch-action: none; border-right: 2px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-v2-columns label { display: flex; align-items: center; gap: 8px; margin-block: 6px; }
[data-projects-ui="v2"] #projects-v2-columns label span { flex: 1; }
[data-projects-ui="v2"] #projects-v2-columns input[type="number"] { width: 72px; min-width: 0; }
[data-projects-ui="v2"] :is(button, input, textarea, select, summary) { font: inherit; }
[data-projects-ui="v2"] :focus-visible { outline: 2px solid var(--pj-v2-focus); outline-offset: 2px; }
[data-panel="projects"][data-projects-ui="v2"].projects-dark {
  --pj-ink: #edf2fa; --pj-muted: #bcc7d9; --pj-line: #435166;
  --pj-surface: #182231; --pj-raised: #222f42; --pj-accent-ink: #8bdfb6;
  --st-ns-fg: #bcc7d9;
  --pj-v2-focus: #8cbcff;
  color-scheme: dark;
}
[data-projects-ui="v2"] .crm-projects-workspace-shell {
  grid-template-columns: 224px minmax(0, 1fr);
  padding-right: 0; margin-inline: 0; min-width: 0;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible;
  background: var(--pj-surface);
}
[data-projects-ui="v2"] #projects-workspace-main { min-width: 0; padding: 16px 24px 24px; }
[data-projects-ui="v2"] #projects-workspace-rail {
  display: flex; position: static; width: auto; min-width: 0;
  background: var(--pj-raised); box-shadow: none; padding: 16px 12px;
}
[data-projects-ui="v2"] #projects-workspace-rail-toggle { display: none; }
[data-projects-ui="v2"] #projects-workspace-projects { min-width: 0; }
[data-projects-ui="v2"] #projects-workspace-projects button { font-size: inherit; min-height: 44px; padding: 8px; }
[data-projects-ui="v2"] .crm-projects-workspace-heading { align-items: flex-start; gap: 16px; flex-wrap: wrap; }
[data-projects-ui="v2"] .crm-projects-workspace-heading > div:first-child { flex: 1 1 260px; min-width: 0; }
[data-projects-ui="v2"] #projects-workspace-name { font: 500 calc(24px * var(--pj-v2-text-scale))/1.25 'Noto Sans', system-ui, sans-serif; overflow-wrap: anywhere; }
[data-projects-ui="v2"] #projects-workspace-description { font-size: inherit; line-height: 1.45; color: var(--pj-muted); }
[data-projects-ui="v2"] .crm-projects-workspace-heading-actions { flex-wrap: wrap; gap: 8px; }
[data-projects-ui="v2"] :is(.crm-btn-primary, .crm-btn-secondary, .crm-projects-view-options > summary) {
  min-height: 36px; padding: 6px 12px; border-radius: 6px; font-size: inherit;
}
[data-projects-ui="v2"] .crm-btn-primary { background: var(--pj-accent); color: #fff; }
[data-projects-ui="v2"] .crm-projects-view-options { position: relative; }
[data-projects-ui="v2"] .crm-projects-view-options-popover {
  position: absolute; z-index: 60; right: 0; left: auto; top: calc(100% + 6px);
  width: min(280px, calc(100vw - 32px)); max-height: min(440px, 70dvh); overflow: auto;
  background: var(--pj-surface); border: 1px solid var(--pj-line); border-radius: 8px;
  font-size: calc(14px * var(--pj-v2-text-scale)); box-shadow: 0 6px 24px #14203226;
}
[data-projects-ui="v2"] .crm-projects-scale-control :is(label, output) { font-size: inherit; }
[data-projects-ui="v2"] #projects-board-section { padding-inline: 0; }
[data-projects-ui="v2"] :is(.crm-projects-board-row, .crm-projects-board-row input, .crm-projects-board-row select, .crm-projects-board-row button, .crm-board-date-trigger, .crm-board-title-text, .crm-board-section-input) {
  font-size: calc(14px * var(--pj-v2-text-scale)); line-height: 1.45;
}
[data-projects-ui="v2"] .crm-projects-board-header { font-size: calc(13px * var(--pj-v2-text-scale)); }
/* Legacy status-value selectors carry three class/attribute components. */
[data-panel="projects"][data-projects-ui="v2"] .crm-board-status-pill {
  font-size: calc(14px * var(--pj-v2-text-scale));
  height: max(28px, calc(28px * var(--pj-v2-text-scale)));
}
[data-projects-ui="v2"] :is(.crm-status-pill-badge, .crm-status-pill-name),
[data-projects-ui="v2"] #projects-view-filters :is(input, select) { font-size: calc(14px * var(--pj-v2-text-scale)); }
[data-projects-ui="v2"] .crm-status-pill-badge { height: auto; min-height: calc(24px * var(--pj-v2-text-scale)); }
[data-projects-ui="v2"] #projects-utility-page { min-width: 0; padding: 16px 0; }
[data-projects-ui="v2"] #projects-utility-page .crm-projects-utility-pane {
  display: block; width: 100%; min-width: 0; max-width: none; height: auto; max-height: none;
  padding: 0; border: 0; box-shadow: none; background: transparent; overflow: visible;
}
[data-projects-ui="v2"] #projects-workspace-rail .crm-projects-utility-tabs {
  display: flex; flex-direction: column; gap: 4px; width: auto; height: auto;
  padding: 12px 0 0; border: 0; border-top: 1px solid var(--pj-line); background: transparent;
}
[data-projects-ui="v2"] #projects-workspace-rail :is([data-u], #projects-v2-table) {
  display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%;
  min-height: 44px; height: auto; padding: 8px; border: 0; border-radius: 6px;
  background: transparent; color: var(--pj-muted); font: inherit; text-align: left; cursor: pointer;
}
[data-projects-ui="v2"] #projects-workspace-rail [data-u] svg { width: 18px; height: 18px; flex-shrink: 0; }
[data-projects-ui="v2"] #projects-workspace-rail :is([data-u][aria-selected="true"], #projects-v2-table[aria-current="page"]) { background: var(--pj-surface); color: var(--pj-accent-ink); }
[data-projects-ui="v2"] #projects-workspace-rail .crm-projects-workspace-rail-footer { margin-top: 16px; }
[data-projects-ui="v2"] dialog[data-projects-dialog] { font-size: calc(14px * var(--pj-v2-text-scale)); }
@container projects (max-width: 1099px) {
  [data-projects-ui="v2"] .crm-projects-workspace-shell { grid-template-columns: minmax(0, 1fr); }
  [data-projects-ui="v2"] #projects-workspace-main { padding-inline: 16px; }
  [data-projects-ui="v2"] #projects-workspace-rail { display: none; position: absolute; z-index: 50; inset: 0 auto 0 0; width: min(280px, 88cqw); box-shadow: 8px 0 24px #14203226; }
  [data-projects-ui="v2"] #projects-workspace-rail.is-open { display: flex; }
  [data-projects-ui="v2"] #projects-workspace-rail-toggle { display: inline-flex; min-width: 44px; min-height: 44px; }
}
@container projects (max-width: 599px) {
  [data-projects-ui="v2"] #projects-workspace-main { padding-inline: 12px; }
  [data-projects-ui="v2"] .crm-projects-workspace-heading-actions { width: 100%; }
  [data-projects-ui="v2"] :is(.crm-btn-primary, .crm-btn-secondary, summary) { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-projects-ui="v2"] * { animation: none !important; transition: none !important; }
}

/* PR05: the title opens the task; rename is an explicit editing mode. */
[data-projects-ui="v2"] .crm-board-title-button {
  flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: var(--pj-ink);
  text-align: left; padding: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;
}
[data-projects-ui="v2"] .crm-board-task-menu { flex: 0 0 28px; min-height: 28px; border: 0; background: transparent; color: var(--pj-ink); cursor: pointer; }
[data-projects-ui="v2"] .crm-board-leaf-space { flex: 0 0 16px; }
[data-projects-ui="v2"] .crm-projects-board-task-title:has([data-field-kind="title"]) > :is(.crm-board-add-subtask, .crm-board-task-menu, .crm-board-drag-handle) { display: none; }
[data-projects-ui="v2"] :is([data-action="save-rename"], [data-action="cancel-rename"]) { min-width: 28px; min-height: 28px; flex-shrink: 0; border: 0; background: var(--pj-surface); color: var(--pj-ink); }
[data-projects-ui="v2"] .crm-people-trigger + select.crm-board-field { display: none; }
[data-projects-ui="v2"] .crm-projects-board-row:focus-visible,
[data-projects-ui="v2"] :is(.crm-board-title-button, .crm-board-task-menu, .crm-row-editor button):focus-visible { outline: 2px solid var(--pj-accent-ink); outline-offset: -2px; }
[data-projects-ui="v2"] .crm-projects-board-row:has([data-action="select-task"]:checked) { box-shadow: inset 3px 0 var(--pj-accent-ink); }
[data-projects-ui="v2"] .crm-projects-board-cell:has(.crm-field-feedback):not([data-column-key="taskTitle"]) { position: relative; }
[data-projects-ui="v2"] .crm-field-feedback {
  position: absolute; right: 3px; bottom: 0; z-index: 1; max-width: 90%; padding: 0 3px;
  font-size: 10px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  background: var(--pj-surface); color: var(--pj-muted); border-radius: 2px; pointer-events: none;
}
[data-projects-ui="v2"] .crm-field-feedback:is([data-phase="error"], [data-phase="conflict"], [data-phase="uncertain"]) { color: var(--pj-ink); font-weight: 600; }
[data-projects-ui="v2"] .crm-board-date-cell { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
[data-projects-ui="v2"] .crm-board-date-cell .crm-board-date-trigger { max-width: 100%; font-size: calc(12px * var(--pj-v2-text-scale)); padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-projects-ui="v2"] .crm-working-days { font-size: 10px; line-height: 12px; color: var(--pj-muted); white-space: nowrap; }
[data-projects-ui="v2"] .crm-branch-status { position: absolute; right: 3px; bottom: 0; font-size: 10px; line-height: 12px; background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-row-editor {
  position: fixed; z-index: 2200; width: min(304px, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow: auto;
  padding: 12px; border: 1px solid var(--pj-line); border-radius: 8px; background: var(--pj-surface); color: var(--pj-ink);
  box-shadow: 0 8px 24px #14203226; font-size: calc(14px * var(--pj-v2-text-scale, 1));
}
[data-projects-ui="v2"] .crm-row-editor :is(label, button) { display: block; margin-block: 4px; }
[data-projects-ui="v2"] .crm-row-editor :is(input, select, button) { min-height: 36px; max-width: 100%; font: inherit; color: inherit; }
[data-projects-ui="v2"] .crm-row-editor button { cursor: pointer; padding: 6px 10px; border: 1px solid var(--pj-line); border-radius: 4px; background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-row-editor label :is(input, select) { width: 100%; }
[data-projects-ui="v2"] .crm-row-editor button:disabled { opacity: .55; cursor: default; }
[data-projects-ui="v2"] .crm-datepick { z-index: 2300; }
@media (pointer: coarse) {
  [data-projects-ui="v2"] .crm-board-task-menu { flex-basis: 36px; min-height: 36px; }
  [data-projects-ui="v2"] :is(.crm-row-editor, .crm-people-popover) button { min-height: 44px; }
}

/* PR06: one stable composer outside the virtual table. */
[data-projects-ui="v2"] .crm-quick-create {
  display: flex; flex-wrap: wrap; align-items: end; gap: 8px; padding: 12px 0;
  color: var(--pj-ink); font-size: calc(14px * var(--pj-v2-text-scale, 1));
}

/* PR07: the native surface changes mode, never its stable content hosts. */
[data-projects-ui="v2"] dialog#projects-board-detail {
  width: min(480px, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh;
  inset: 0 0 0 auto; margin: 0; padding: 20px; z-index: 90;
  font-size: calc(14px * var(--pj-v2-text-scale, 1)); overscroll-behavior: contain;
  display: grid; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden;
}
[data-projects-ui="v2"] dialog#projects-board-detail[data-detail-mode="drawer"] {
  /* Share the host's responsive header height without covering its navigation. */
  top: var(--crm-nav-height, 0px);
  height: calc(100dvh - var(--crm-nav-height, 0px));
  max-height: calc(100dvh - var(--crm-nav-height, 0px));
}
[data-projects-ui="v2"] dialog#projects-board-detail[data-detail-mode="modal"] {
  width: 100vw; max-width: 100vw; border: 0; padding: 16px;
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
[data-projects-ui="v2"] #projects-board-detail [data-detail-panel] {
  overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding-right: 4px;
}
[data-projects-ui="v2"] #projects-board-detail .crm-field-feedback {
  position: static !important; display: block !important; max-width: 100% !important; margin-top: 4px;
}
[data-projects-ui="v2"] .crm-detail-disclosure {
  border: 1px solid var(--pj-line); border-radius: 6px; margin-block: 8px; background: var(--pj-surface);
}
[data-projects-ui="v2"] .crm-detail-disclosure summary {
  padding: 10px 12px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-weight: 600; list-style: none; user-select: none;
}
[data-projects-ui="v2"] .crm-detail-disclosure summary::-webkit-details-marker { display: none; }
[data-projects-ui="v2"] .crm-detail-disclosure summary::before {
  content: '▸'; margin-right: 8px; display: inline-block; transition: transform .15s ease;
}
[data-projects-ui="v2"] .crm-detail-disclosure[open] summary::before { transform: rotate(90deg); }
[data-projects-ui="v2"] .crm-detail-disclosure-content { padding: 12px; border-top: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-detail-disclosure-badge { font-size: 12px; font-weight: 400; color: var(--pj-muted); margin-left: auto; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-date-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 8px;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-form-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
[data-projects-ui="v2"] #projects-board-detail .crm-projects-board-detail-head {
  position: sticky; top: 0; flex-wrap: nowrap; background: var(--pj-surface); z-index: 20;
}
[data-projects-ui="v2"] #projects-board-detail .crm-projects-board-detail-head > div { min-width: 0; flex: 1 1 auto; }
[data-projects-ui="v2"] #projects-board-detail .crm-projects-board-detail-head > button { flex: 0 0 auto; }
/* Ordinary fields stay below the header; active popovers retain their explicit layer. */
[data-projects-ui="v2"] #projects-board-detail .crm-people-trigger { z-index: auto; }
[data-projects-ui="v2"] #projects-board-detail :is(h4, p, label, button) { overflow-wrap: anywhere; }
[data-projects-ui="v2"] #projects-board-detail :is(button, input, select, textarea) { max-width: 100%; font: inherit; }
[data-projects-ui="v2"] #projects-board-detail :is(button, input, select) { min-height: 36px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields { display: grid; gap: 16px; min-width: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields > [data-column-key] {
  display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; position: static;
  min-width: 0; width: 100%; height: auto; padding: 0 !important; border: 0; background: none;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-label { flex-basis: 100%; color: var(--pj-muted); font-size: .9em; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields .crm-board-field { min-width: 0; flex: 1 1 150px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields :is(.crm-board-owner-cell, .crm-board-assignees-cell) > select,
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields .crm-board-people-field { display: none; }
[data-projects-ui="v2"] #projects-board-detail :is(.crm-row-editor, .crm-people-popover, .crm-datepick, .crm-status-popover) { z-index: 100; max-height: calc(100dvh - 16px); overflow: auto; }
[data-projects-ui="v2"] #projects-board-detail[data-detail-mode="modal"] :is(button, input, select) { min-height: 44px; }
[data-projects-ui="v2"] #projects-board-detail :focus-visible { outline: 2px solid var(--pj-accent-ink); outline-offset: 2px; }
[data-projects-ui="v2"] .crm-quick-create label { display: flex; flex-direction: column; gap: 4px; flex: 1 1 180px; min-width: 0; }
[data-projects-ui="v2"] .crm-quick-create :is(input, select, button) {
  min-width: 0; max-width: 100%; min-height: 36px; padding: 6px 10px;
  border: 1px solid var(--pj-line); border-radius: 4px; background: var(--pj-surface); color: var(--pj-ink); font: inherit;
}
[data-projects-ui="v2"] .crm-quick-create [role="status"] { flex-basis: 100%; overflow-wrap: anywhere; }
[data-projects-ui="v2"] :is(.crm-quick-create, [data-batch-result]) button:focus-visible { outline: 2px solid var(--pj-accent-ink); outline-offset: 2px; }
[data-projects-ui="v2"] [data-batch-result] { font-size: calc(13px * var(--pj-v2-text-scale, 1)); overflow-wrap: anywhere; padding: 8px 0; }
[data-projects-ui="v2"] [data-batch-result] ol { max-height: 160px; overflow: auto; margin-block: 4px; }
@media (max-width: 600px) {
  [data-projects-ui="v2"] .crm-quick-create :is(input, select, button) { min-height: 44px; }
  [data-projects-ui="v2"] .crm-projects-batch-dock {
    position: sticky; bottom: 0; z-index: 30; width: 100%; max-width: 100%; transform: none;
    flex-wrap: wrap; padding-bottom: max(8px, env(safe-area-inset-bottom)); background: var(--pj-surface);
  }
  [data-projects-ui="v2"]:has(.crm-projects-batch-dock:not([hidden])) .crm-projects-board-scroll { scroll-padding-bottom: 140px; }
}
/* PR09: automation presentation inside the existing project utility surface. */
[data-projects-ui="v2"] #projects-automations { color: var(--pj-ink); min-width: 0; overflow-wrap: anywhere; }
[data-projects-ui="v2"] #projects-automations :is(.crm-auto-heading, .crm-auto-surface, .crm-auto-definition, .crm-auto-history, .crm-auto-task-search) { min-width: 0; max-width: 100%; }
[data-projects-ui="v2"] #projects-automations .crm-auto-heading { flex-wrap: wrap; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-auto-heading > div { min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-auto-heading h3 { font-size: 24px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations :is(p, label, .crm-muted, .crm-auto-heading p) { color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations :is(button, input, select, textarea) { box-sizing: border-box; max-width: 100%; min-width: 0; }
[data-projects-ui="v2"] #projects-automations button { white-space: normal; overflow-wrap: anywhere; height: auto; }
[data-projects-ui="v2"] #projects-automations :is(input, select, textarea) { width: 100%; background: var(--pj-surface); color: var(--pj-ink); border: 1px solid var(--pj-line); border-radius: 6px; min-height: 36px; }
[data-projects-ui="v2"] #projects-automations label { max-width: none; }
[data-projects-ui="v2"] #projects-automations .crm-auto-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-fields > * { min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-auto-recipes { padding-block: 16px; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-auto-recipes summary { cursor: pointer; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-auto-recipes > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 12px; margin-top: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-recipes button { display: grid; gap: 6px; text-align: left; align-content: start; padding: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-recipes button span { color: var(--pj-muted); font-weight: 400; }
[data-projects-ui="v2"] #projects-automations .crm-auto-manage-list > li { align-items: start; gap: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-manage-list > li > div { flex: 1; min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-auto-manage-list > li > button { flex: 0 0 auto; max-width: 40%; }
[data-projects-ui="v2"] #projects-automations :is(.crm-auto-empty, .crm-auto-draft-notice) { padding-block: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-badge { display: inline-block; font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 4px; background: var(--pj-raised); color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-automations :is(.crm-auto-version-summary, .crm-auto-confirm) { border-block: 1px solid var(--pj-line); padding-block: 16px; margin-block: 16px; }
[data-projects-ui="v2"] #projects-automations dl { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-block: 12px; }
[data-projects-ui="v2"] #projects-automations dl > div { min-width: 0; flex: 1 1 180px; }
[data-projects-ui="v2"] #projects-automations dt { font-size: 12px; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations dd { margin: 4px 0 0; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-auto-representations button[aria-pressed="true"] { color: var(--pj-accent-ink); border-color: currentColor; background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-auto-actions { border-top: 1px solid var(--pj-line); padding-top: 16px; }
[data-projects-ui="v2"] #projects-automations [data-auto-action="save"],
[data-projects-ui="v2"] #projects-automations [data-auto-action="confirm-activate"] { background: var(--pj-accent); color: white; }
[data-projects-ui="v2"] #projects-automations .crm-auto-confirm button { margin: 4px 8px 4px 0; }
[data-projects-ui="v2"] #projects-automations .crm-auto-history > ul { list-style: none; padding: 0; }
[data-projects-ui="v2"] #projects-automations .crm-auto-history > ul > li { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-block: 8px; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-auto-history [aria-pressed="true"] { outline: 2px solid var(--pj-accent-ink); outline-offset: 2px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-steps { margin-block: 16px; padding-left: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-step::before { left: -23px; }
[data-projects-ui="v2"] #projects-automations .crm-auto-step-tools button { font-size: inherit; }
[data-projects-ui="v2"] #projects-automations fieldset:disabled { opacity: .75; }
[data-projects-ui="v2"] #projects-automations button:disabled { opacity: .55; cursor: not-allowed; }
@container projects (max-width: 700px) {
  [data-projects-ui="v2"] #projects-automations .crm-auto-heading { display: block; }
  [data-projects-ui="v2"] #projects-automations .crm-auto-heading .crm-inline-fields { margin-top: 12px; }
  [data-projects-ui="v2"] #projects-automations .crm-auto-fields { grid-template-columns: minmax(0, 1fr); }
  [data-projects-ui="v2"] #projects-automations .crm-auto-condition-line { margin-left: 4px; padding-left: 6px; }
}

/* Narrow Table is a bounded flowing list; desktop row metrics remain unchanged. */
[data-projects-ui="v2"] #projects-board-table[data-presentation="list"] { min-width: 0 !important; width: 100%; }
[data-projects-ui="v2"] [data-presentation="list"] #projects-board-rows { height: auto; }
[data-projects-ui="v2"] [data-presentation="list"] [data-row-id] {
  position: relative; top: auto !important; height: auto !important; min-height: 44px;
  display: flex; flex-wrap: wrap; gap: 0 8px; padding: 4px 2px; border-bottom: 1px solid var(--pj-line);
}
[data-projects-ui="v2"] [data-presentation="list"] [data-row-id] > .crm-projects-board-cell {
  position: static; height: auto; min-width: 0; max-width: 100%; border: 0; padding: 0;
}
[data-projects-ui="v2"] [data-presentation="list"] [data-column-key="taskTitle"] { flex: 1 0 100%; padding-left: 0 !important; flex-wrap: wrap; gap: 0; }
[data-projects-ui="v2"] [data-presentation="list"] [data-row-id] > [data-column-key]:not([data-column-key="taskTitle"]):not([data-column-key="ownerUid"]):not([data-column-key="status"]) { display: none; }
[data-projects-ui="v2"] [data-presentation="list"] :is(.crm-board-drag-handle, .crm-board-tree-elbow, .crm-board-leaf-space) { display: none; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-title-button { white-space: normal; overflow-wrap: anywhere; flex: 1 1 calc(100% - 100px); min-width: 0; padding-block: 6px; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-expander { width: auto; flex-basis: auto; order: 3; }
[data-projects-ui="v2"] [data-presentation="list"] :is(button, input:not([type="hidden"]):not([type="checkbox"]), select) { min-height: 44px; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-task-menu { min-width: 44px; flex-basis: 44px; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-people-trigger { max-width: 100%; white-space: normal; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-people-trigger-name { white-space: normal; overflow-wrap: anywhere; }
[data-projects-ui="v2"] [data-mobile-more] { min-height: 44px; margin-block: 8px; }
[data-projects-ui="v2"] [data-presentation="list"] [role="listitem"]:focus-visible { outline-offset: -2px; }
[data-projects-ui="v2"] :is(.crm-status-popover, .crm-people-popover) { max-width: calc(100vw - 16px); }
[data-projects-ui="v2"] #projects-view-tabs { flex-wrap: wrap; }
[data-projects-ui="v2"] #projects-workspace-description { overflow-wrap: anywhere; }
@container projects (max-width: 699px) {
  [data-projects-ui="v2"] :is(#projects-view-tabs button, .crm-quick-create button, .crm-quick-create input, .crm-projects-batch-dock button) { min-height: 44px; }
  [data-projects-ui="v2"] #projects-board-scroll { scroll-padding-bottom: 160px; }
  [data-projects-ui="v2"] .crm-projects-board-section-row > div { min-width: 0; max-width: 100%; }
  [data-projects-ui="v2"] .crm-board-section-input { min-width: 0; max-width: 100%; }
}
[data-projects-ui="v2"] .crm-board-add-top-btn {
  background: none; border: 1px dashed var(--pj-line); border-radius: 4px;
  color: var(--pj-muted); font-size: 12px; padding: 2px 8px; margin-right: 8px;
  cursor: pointer; min-height: 24px; transition: color .15s ease, border-color .15s ease;
}
[data-projects-ui="v2"] .crm-board-add-top-btn:hover,
[data-projects-ui="v2"] .crm-board-add-top-btn:focus-visible {
  color: var(--pj-accent-ink); border-color: var(--pj-accent); border-style: solid;
}
[data-projects-ui="v2"] .crm-board-section-menu {
  background: none; border: none; border-radius: 4px;
  color: var(--pj-muted); font-size: 14px; padding: 2px 6px; margin-right: 8px;
  cursor: pointer; min-height: 24px; line-height: 1;
  transition: color .15s ease, background-color .15s ease;
}
[data-projects-ui="v2"] .crm-board-section-menu:hover,
[data-projects-ui="v2"] .crm-board-section-menu:focus-visible {
  color: var(--pj-ink); background-color: var(--pj-surface-alt, rgba(0,0,0,0.05));
}
@media (forced-colors: active) {
  [data-projects-ui="v2"] :focus-visible { outline: 2px solid Highlight; }
  [data-projects-ui="v2"] [data-action="select-task"]:checked { outline: 2px solid Highlight; }
}

[data-projects-ui="v2"] .crm-field-feedback:is([data-phase="error"], [data-phase="conflict"], [data-phase="uncertain"]) { position: static; display: block; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }

/* Custom triggers are the single accessible controls for their canonical selects. */
[data-projects-ui="v2"] .crm-board-status-select { display: none; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-add-subtask { display: none; } /* Available in More actions and task details. */
/* A modal picker can grow after a server conflict; keep all actions in its sheet. */
[data-projects-ui="v2"] #projects-board-detail[data-detail-mode="modal"] :is(.crm-people-popover, .crm-row-editor) { top: 8px !important; max-height: calc(100dvh - 16px); }

/* Mobile Overview keeps one bounded, flowing child list inside the native dialog. */
[data-projects-ui="v2"] [data-detail-children] { min-width: 0; }
[data-projects-ui="v2"] [data-detail-child-list] { list-style: none; padding: 0; margin: 8px 0; }
[data-projects-ui="v2"] [data-detail-children] button { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; }
[data-projects-ui="v2"] [data-detail-child-list] button { width: 100%; }

/* Personal display controls and Owner schema actions have separate entries. */
[data-projects-ui="v2"] #projects-v2-columns { position: relative; }
[data-projects-ui="v2"] #projects-v2-columns > summary { cursor: pointer; list-style: none; }
[data-projects-ui="v2"] #projects-v2-columns > div {
  position: absolute; z-index: 60; right: 0; top: calc(100% + 6px); padding: 12px;
  width: min(310px, calc(100vw - 32px)); max-height: 60dvh; overflow: auto;
  background: var(--pj-surface); border: 1px solid var(--pj-line); border-radius: 6px;
}
[data-projects-ui="v2"][data-projects-view]:not([data-projects-view="board"]) :is(.crm-projects-view-pivot, #projects-v2-columns, #btn-projects-board-add-column, #btn-projects-board-add-section) { display: none !important; }
[data-projects-ui="v2"] .crm-projects-view-options-popover { display: flex; flex-direction: column; gap: 8px; }
[data-projects-ui="v2"] #btn-projects-board-add-column:disabled { display: none; }
[data-projects-ui="v2"] .crm-projects-kanban-ancestors { display: block; font-size: .9em; color: var(--pj-muted); overflow-wrap: anywhere; }
[data-projects-ui="v2"] .crm-board-selection-hit { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; margin: 0; cursor: pointer; }
[data-projects-ui="v2"] .crm-board-selection-hit input[type="checkbox"] { width: 16px; height: 16px; min-width: 16px; min-height: 16px; margin: 0; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-selection-hit { min-width: 44px; min-height: 44px; flex-basis: 44px; align-self: flex-start; }
[data-projects-ui="v2"] [data-presentation="list"] [data-column-key="ownerUid"] { margin-left: 44px; flex: 1 1 100px; }
[data-projects-ui="v2"] [data-presentation="list"] [data-column-key="status"] { flex: 0 1 auto; }
[data-panel="projects"][data-projects-ui="v2"] [data-presentation="list"] .crm-board-status-pill { height: auto; min-height: 44px; padding-block: 6px; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-status-text { white-space: normal; overflow-wrap: anywhere; overflow: visible; text-overflow: clip; }
[data-projects-ui="v2"] [data-presentation="list"] .crm-board-expander { margin-left: 44px; }
@container projects (max-width: 699px) {
  /* IDs outrank the shared desktop button/summary minimum without affecting V1. */
  [data-projects-ui="v2"] :is(#btn-projects-board-add-task, #btn-projects-board-add-section, #projects-board-group-by),
  [data-projects-ui="v2"] #projects-view-filters :is(input, select, .crm-projects-workspace-filter > summary),
  [data-projects-ui="v2"] #projects-view-tabs button { min-width: 44px; min-height: 44px; }
  [data-projects-ui="v2"] #projects-workspace-main { padding: 8px 12px 16px; }
  [data-projects-ui="v2"] .crm-projects-workspace-heading { gap: 4px; margin-bottom: 8px; }
  [data-projects-ui="v2"] #projects-workspace-description { margin-block: 4px; }
  [data-projects-ui="v2"] #projects-workspace-description:not(:empty) { font-size: .9em; }
  [data-projects-ui="v2"] :is(.crm-projects-workspace-heading-actions button, .crm-projects-workspace-heading-actions summary, #projects-v2-columns > summary) { min-height: 44px; }
}

/* ==========================================================================
   Board interaction feedback and section blocks (2026-09-26 audit).
   ========================================================================== */
/* Buttons: every action reacts to hover and press. */
[data-panel="projects"][data-projects-ui="v2"] .crm-btn-primary { transition: background-color .15s ease, box-shadow .15s ease, transform .05s ease; }
[data-panel="projects"][data-projects-ui="v2"] .crm-btn-primary:hover:not(:disabled) { background: #105a3f; box-shadow: 0 1px 3px #0f3d2a40; }
[data-panel="projects"][data-projects-ui="v2"] .crm-btn-secondary { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
[data-panel="projects"][data-projects-ui="v2"] .crm-btn-secondary:hover:not(:disabled) { background: var(--pj-raised); border-color: color-mix(in srgb, var(--pj-accent) 45%, var(--pj-line)); color: var(--pj-accent-ink); }
[data-panel="projects"][data-projects-ui="v2"] :is(.crm-btn-primary, .crm-btn-secondary):active:not(:disabled) { transform: translateY(1px); }
[data-panel="projects"][data-projects-ui="v2"].projects-dark .crm-btn-primary:hover:not(:disabled) { background: #1f8a62; }

/* Task rows highlight on hover; their quiet controls come forward. */
[data-projects-ui="v2"] .crm-projects-board-row[data-row-kind="task"]:hover,
[data-projects-ui="v2"] .crm-projects-board-row[data-row-kind="task"]:focus-within { background: color-mix(in srgb, var(--pj-accent) 6%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-board-task-menu { opacity: .45; border-radius: 4px; transition: opacity .15s ease, background-color .15s ease; }
[data-projects-ui="v2"] .crm-projects-board-row[data-row-kind="task"]:is(:hover, :focus-within) .crm-board-task-menu { opacity: 1; }
[data-projects-ui="v2"] :is(.crm-board-task-menu, .crm-board-section-menu):hover { background: color-mix(in srgb, var(--pj-ink) 9%, transparent); opacity: 1; }
[data-projects-ui="v2"] .crm-board-title-button:hover { color: var(--pj-accent-ink); text-decoration: underline; text-underline-offset: 3px; }
[data-projects-ui="v2"] .crm-board-expander { border-radius: 4px; }
[data-projects-ui="v2"] .crm-board-expander:hover { background: color-mix(in srgb, var(--pj-ink) 9%, transparent); }
[data-projects-ui="v2"] .crm-board-expander.is-leaf { opacity: .25; }
[data-projects-ui="v2"] .crm-projects-board-row:is(:hover, :focus-within) .crm-board-expander.is-leaf { opacity: .7; }
[data-projects-ui="v2"] .crm-board-expander.is-leaf:hover,
[data-projects-ui="v2"] .crm-board-expander.is-leaf[aria-expanded="true"] { opacity: 1; color: var(--pj-accent-ink); }
[data-projects-ui="v2"] .crm-people-trigger { border-radius: 4px; transition: background-color .15s ease; }
[data-projects-ui="v2"] :is(.crm-people-trigger, .crm-board-date-trigger):hover:not(:disabled) { background: color-mix(in srgb, var(--pj-ink) 6%, transparent); }

/* Inline "+ Add task" / "+ Add subtask" rows. */
[data-projects-ui="v2"] .crm-board-inline-add {
  border: 0; background: transparent; color: var(--pj-muted); cursor: pointer; text-align: left;
  padding: 4px 8px; border-radius: 4px; min-height: 28px; font-weight: 500;
  transition: color .15s ease, background-color .15s ease;
}
[data-projects-ui="v2"] .crm-board-inline-add:hover:not(:disabled),
[data-projects-ui="v2"] .crm-board-inline-add:focus-visible { color: var(--pj-accent-ink); background: color-mix(in srgb, var(--pj-accent) 8%, transparent); }
[data-projects-ui="v2"] .crm-quick-footer { background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-quick-footer:hover { background: color-mix(in srgb, var(--pj-accent) 4%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-board-subadd-row .crm-board-inline-add { font-size: .93em; }
[data-projects-ui="v2"] .crm-board-subadd-row .crm-board-tree-elbow { opacity: .45; }

/* The quick composer inside its table row: one line, no redundant section picker. */
[data-projects-ui="v2"] .crm-board-composer-row { display: flex; align-items: center; background: color-mix(in srgb, var(--pj-accent) 5%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-board-composer-cell { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; position: sticky; left: 0; max-width: min(100%, 860px); }
[data-projects-ui="v2"] .crm-quick-create[data-inline] { flex-wrap: nowrap; align-items: center; gap: 6px; padding: 0; width: 100%; }
[data-projects-ui="v2"] .crm-quick-create[data-inline] label { flex-direction: row; align-items: center; flex: 1 1 auto; font-size: 0; }
[data-projects-ui="v2"] .crm-quick-create[data-inline] label:has(select) { display: none; }
[data-projects-ui="v2"] .crm-quick-create[data-inline] input { flex: 1 1 auto; min-height: 30px; height: 30px; padding: 4px 8px; font-size: calc(14px * var(--pj-v2-text-scale)); border-color: var(--pj-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pj-accent) 14%, transparent); }
[data-projects-ui="v2"] .crm-quick-create[data-inline] button { min-height: 30px; height: 30px; padding: 2px 12px; flex: 0 0 auto; }
[data-projects-ui="v2"] .crm-quick-create[data-inline] [role="status"] { flex: 0 1 auto; flex-basis: auto; font-size: 12px; color: var(--pj-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-projects-ui="v2"] .crm-quick-create[data-inline] [role="status"]:empty { display: none; }
[data-projects-ui="v2"] .crm-quick-create button.crm-btn-primary { border-color: var(--pj-accent); background: var(--pj-accent); color: #fff; }

/* Section blocks: title, then its column labels, tasks and add row, then a gap. */
[data-projects-ui="v2"] #projects-board-table-wrap:has(#projects-board-table[data-group-blocks]) { border: 0; border-radius: 0; }
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-section-row {
  background: transparent; border: 0; box-shadow: none; padding-left: 0; align-items: flex-end; padding-bottom: 4px;
}
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-section-row:hover { background: transparent; }
[data-projects-ui="v2"] .crm-projects-board-section-row > div:first-child { gap: 4px; flex: 0 1 auto; max-width: 100%; position: sticky; left: 0; }
[data-projects-ui="v2"] .crm-projects-board-section-row > div:empty { display: none; }
[data-projects-ui="v2"] .crm-projects-board-section-row :is(.crm-board-section-input, .crm-board-group-title) {
  font-size: calc(17px * var(--pj-v2-text-scale)); font-weight: 700; line-height: 1.3; letter-spacing: -.01em;
  color: color-mix(in srgb, var(--crm-project-group-color) var(--pj-hue-amount, 78%), var(--pj-hue-toward, #1b2433));
}
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-section-input {
  width: auto; max-width: min(60ch, 70cqw); field-sizing: content; min-width: 6ch; height: 32px; padding: 2px 6px;
  border: 1px solid transparent; border-radius: 4px; background: transparent;
}
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-section-input:hover { border-color: var(--pj-line); }
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-section-input:focus { border-color: var(--pj-accent); background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-group-expander { color: var(--crm-project-group-color); border-radius: 4px; height: 28px; font-size: 13px; }
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-group-expander:hover { background: color-mix(in srgb, var(--crm-project-group-color) 14%, transparent); }
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-drag-handle { opacity: 0; transition: opacity .15s ease; }
[data-projects-ui="v2"] .crm-projects-board-section-row .crm-board-section-menu { margin: 0; opacity: .35; transition: opacity .15s ease, background-color .15s ease; height: 28px; min-width: 28px; }
[data-projects-ui="v2"] .crm-projects-board-section-row:is(:hover, :focus-within) :is(.crm-board-drag-handle, .crm-board-section-menu) { opacity: 1; }
[data-projects-ui="v2"] .crm-board-group-count { margin-left: 6px; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--pj-muted); background: var(--pj-raised); white-space: nowrap; }
[data-projects-ui="v2"] .crm-projects-board-section-row[data-optimistic] { opacity: .75; }

[data-projects-ui="v2"] .crm-board-group-header {
  background: var(--pj-surface); color: var(--pj-muted); font-size: calc(13px * var(--pj-v2-text-scale)); font-weight: 500;
  border-top: 1px solid var(--pj-line); border-top-left-radius: 6px;
}
[data-projects-ui="v2"] .crm-board-group-header > [data-column-key] { display: flex; align-items: center; gap: 6px; position: relative; min-width: 0; }
[data-projects-ui="v2"] .crm-board-group-header > [data-column-key="taskTitle"] { padding-left: 16px; }
[data-projects-ui="v2"] .crm-board-group-header .crm-projects-board-column-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-projects-ui="v2"] .crm-board-group-header button[data-action="edit-column"] { border: 0; background: transparent; color: var(--pj-muted); font-size: 11px; padding: 2px 4px; border-radius: 4px; opacity: 0; cursor: pointer; }
[data-projects-ui="v2"] .crm-board-group-header [data-column-key]:hover button[data-action="edit-column"],
[data-projects-ui="v2"] .crm-board-group-header button[data-action="edit-column"]:focus-visible { opacity: 1; }
[data-projects-ui="v2"] .crm-board-group-header [data-column-resize] { border-right-width: 1px; opacity: .6; }
/* Column borders are drag handles: highlight on hover, keyboard focus and while dragging. */
[data-projects-ui="v2"] [data-column-resize] { z-index: 3; user-select: none; transition: border-color .12s ease; }
[data-projects-ui="v2"] #projects-board-table [data-column-resize]:is(:hover, :focus-visible, [data-resizing="true"]) { border-right: 3px solid var(--pj-accent); opacity: 1; outline: none; }
[data-projects-ui="v2"] #projects-board-table[data-column-resizing],
[data-projects-ui="v2"] #projects-board-table[data-column-resizing] * { cursor: col-resize !important; user-select: none; }
[data-projects-ui="v2"] .crm-board-group-header [draggable="true"] { cursor: grab; }

/* The sticky title cell paints over the row, so it carries the group edge. */
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row:is([data-row-kind="task"], [data-row-kind="summary"], [data-row-kind="subadd"], [data-row-kind="composer"], [data-row-kind="group-header"]) > [data-column-key="taskTitle"] {
  box-shadow: inset 5px 0 var(--crm-project-group-color);
}
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row:is([data-row-kind="task"], [data-row-kind="summary"], [data-row-kind="subadd"], [data-row-kind="composer"], [data-row-kind="group-header"]) { box-shadow: none; }
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row[data-row-kind="task"].is-selected { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pj-accent) 40%, transparent); }
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row[data-row-kind="group-header"] { box-shadow: none; }
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row[data-row-kind="summary"] { border-bottom-left-radius: 6px; }
[data-projects-ui="v2"] [data-group-blocks] .crm-projects-board-row:is([data-row-kind="task"], [data-row-kind="group-header"]) > [data-column-key]:not(:last-child) { border-right: 1px solid color-mix(in srgb, var(--pj-line) 70%, transparent); }
[data-projects-ui="v2"] .crm-board-group-gap { background: transparent; border: 0; box-shadow: none; pointer-events: none; }

/* Columns menu: one tidy line per column, floating over the toolbar. */
[data-projects-ui="v2"] #projects-v2-columns { flex: 0 0 auto; }
[data-projects-ui="v2"] #projects-v2-columns > div { box-shadow: 0 6px 24px #14203226; }
[data-projects-ui="v2"] #projects-view-filters #projects-v2-columns label {
  flex-direction: row; align-items: center; min-width: 0; flex: none; gap: 10px;
  margin: 0; padding: 6px 4px; border-radius: 4px; font-size: calc(14px * var(--pj-v2-text-scale)); color: var(--pj-ink); cursor: pointer;
}
[data-projects-ui="v2"] #projects-view-filters #projects-v2-columns label:hover { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-view-filters #projects-v2-columns input[type="checkbox"] { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; accent-color: var(--pj-accent); }
[data-projects-ui="v2"] #projects-view-filters #projects-v2-columns input[type="number"] { width: 76px; flex: 0 0 76px; min-height: 30px; padding: 2px 6px; }
[data-projects-ui="v2"] #projects-v2-columns > summary::-webkit-details-marker { display: none; }

/* Menus read as menus: plain rows with hover, not stacks of boxed buttons. */
[data-projects-ui="v2"] .crm-row-editor:is([data-row-editor="menu"], [data-row-editor="section-menu"]) { padding: 6px; min-width: 200px; box-shadow: 0 8px 28px #14203229; border-radius: 8px; }
[data-projects-ui="v2"] .crm-row-editor:is([data-row-editor="menu"], [data-row-editor="section-menu"]) button {
  display: flex; align-items: center; width: 100%; margin: 0; min-height: 34px; padding: 6px 10px;
  border: 0; border-radius: 5px; background: transparent; text-align: left; color: var(--pj-ink);
  transition: background-color .12s ease;
}
[data-projects-ui="v2"] .crm-row-editor:is([data-row-editor="menu"], [data-row-editor="section-menu"]) button:hover:not(:disabled) { background: color-mix(in srgb, var(--pj-accent) 9%, var(--pj-surface)); color: var(--pj-accent-ink); }
[data-projects-ui="v2"] .crm-row-editor:is([data-row-editor="menu"], [data-row-editor="section-menu"]) button:last-child:is([data-close-editor], [data-cancel-editor]) { margin-top: 4px; border-top: 1px solid var(--pj-line); border-radius: 0 0 5px 5px; color: var(--pj-muted); }
[data-projects-ui="v2"] .crm-row-editor button:not([data-row-editor] button) { transition: background-color .12s ease, border-color .12s ease; }
[data-projects-ui="v2"] .crm-row-editor button:hover:not(:disabled) { border-color: color-mix(in srgb, var(--pj-accent) 45%, var(--pj-line)); background: var(--pj-raised); }

:is([data-panel="projects"][data-projects-ui="v2"], .crm-projects-portal-host) .crm-projects-view-options-popover { padding: 6px; gap: 2px; }
:is([data-panel="projects"][data-projects-ui="v2"], .crm-projects-portal-host) .crm-projects-view-options-popover > button {
  border: 0; box-shadow: none; background: transparent; min-height: 34px; padding: 6px 10px; border-radius: 5px; color: var(--pj-ink); font-weight: 500;
}
:is([data-panel="projects"][data-projects-ui="v2"], .crm-projects-portal-host) .crm-projects-view-options-popover > button:hover:not(:disabled) { background: color-mix(in srgb, var(--pj-accent) 9%, var(--pj-surface)); color: var(--pj-accent-ink); }
:is([data-panel="projects"][data-projects-ui="v2"], .crm-projects-portal-host) .crm-projects-view-options-popover .crm-projects-scale-control { padding: 6px 10px; border-block: 1px solid var(--pj-line); margin-block: 4px; }

/* Priority: an empty value is a quiet blank cell, not a grey dropdown. */
[data-projects-ui="v2"] .crm-projects-board-row select.crm-board-field[data-field-kind="value"] { width: 100%; text-align: center; text-align-last: center; }
[data-projects-ui="v2"] .crm-projects-board-row select.crm-board-field[data-value="none"] { appearance: none; -webkit-appearance: none; background: transparent; color: transparent; border: 1px dashed transparent; border-radius: 6px; cursor: pointer; }
[data-projects-ui="v2"] .crm-projects-board-row:is(:hover, :focus-within) select.crm-board-field[data-value="none"] { color: var(--pj-muted); border-color: var(--pj-line); }
[data-projects-ui="v2"] .crm-projects-board-row select.crm-board-field[data-value="none"] option { color: var(--pj-ink); }

/* Dates: one readable line, left aligned like the other cells. */
[data-projects-ui="v2"] .crm-board-date-cell { align-items: stretch; }
[data-projects-ui="v2"] .crm-board-date-cell .crm-board-date-trigger { width: 100%; height: 30px; text-align: left; padding: 4px 8px; border: 0; border-radius: 5px; background: transparent; color: var(--pj-ink); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-projects-ui="v2"] .crm-board-date-empty { color: transparent; }
[data-projects-ui="v2"] .crm-projects-board-row:is(:hover, :focus-within) .crm-board-date-empty { color: var(--pj-muted); }
[data-projects-ui="v2"] .crm-board-date-cell[data-due-state="overdue"] .crm-board-date-trigger { color: var(--sig-over-fg, #b42318); font-weight: 600; }
/* Created date: read-only text in the same type style as the Dates column. */
[data-projects-ui="v2"] .crm-board-created-cell { display: flex; align-items: center; min-width: 0; }
[data-projects-ui="v2"] .crm-board-created-cell .crm-board-created-date { display: block; min-width: 0; padding: 0 8px; font-size: calc(12px * var(--pj-v2-text-scale)); color: var(--pj-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-projects-ui="v2"] .crm-board-created-cell .crm-board-created-empty { padding: 0 8px; color: var(--pj-muted); }

/* Kanban: columns scroll on their own so the page keeps its height; compact status control. */
[data-projects-ui="v2"] .crm-projects-kanban-cards { max-height: calc(100dvh - 300px); min-height: 120px; overflow-y: auto; overscroll-behavior: contain; padding-right: 2px; }
[data-projects-ui="v2"] .crm-projects-kanban-count { font-weight: 600; color: var(--pj-muted); }
[data-projects-ui="v2"] .crm-projects-kanban-status { display: inline-flex; margin-left: auto; font-size: 0; }
[data-projects-ui="v2"] .crm-projects-kanban-status select { min-height: 26px; height: 26px; width: auto; max-width: 130px; padding: 0 22px 0 8px; font-size: 12px; border-radius: 999px; border: 1px solid var(--pj-line); background-color: var(--pj-surface); cursor: pointer; }
[data-projects-ui="v2"] .crm-projects-kanban-status select:hover:not(:disabled) { border-color: color-mix(in srgb, var(--pj-accent) 45%, var(--pj-line)); }
[data-projects-ui="v2"] .crm-projects-kanban-card { transition: box-shadow .15s ease, border-color .15s ease; }
[data-projects-ui="v2"] .crm-projects-kanban-card:hover { box-shadow: 0 3px 12px #1420321f; border-color: color-mix(in srgb, var(--pj-accent) 35%, var(--pj-line)); }
[data-projects-ui="v2"] .crm-projects-kanban-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
[data-projects-ui="v2"] .crm-projects-view-more { display: block; width: 100%; margin-top: 6px; }

/* Gantt bars take their status colour. */
[data-projects-ui="v2"] .crm-projects-gantt-bar.s-not_started { background: var(--st-ns-fg, #6b7a90); }
[data-projects-ui="v2"] .crm-projects-gantt-bar.s-in_progress { background: var(--g4, #f5a742); }
[data-projects-ui="v2"] .crm-projects-gantt-bar.s-blocked { background: var(--sig-over-fg, #d9534f); }
[data-projects-ui="v2"] .crm-projects-gantt-bar.s-done { background: var(--st-dn-fg, #1c7048); }
[data-projects-ui="v2"] .crm-projects-gantt-row small { color: var(--pj-muted); }

/* Calendar: the long month list is folded away under the grid. */
[data-projects-ui="v2"] .crm-cal-month-list { margin-top: 16px; border-top: 1px solid var(--pj-line); padding-top: 10px; }
[data-projects-ui="v2"] .crm-cal-month-list > summary { cursor: pointer; font-weight: 600; color: var(--pj-ink); }
[data-projects-ui="v2"] .crm-cal-more-badge { font-weight: 600; color: var(--pj-muted); }

/* Desktop task properties and week-spanning calendar rows. */
[data-projects-ui="v2"] #projects-board-detail .crm-detail-title-input {
  display: block; width: 100%; min-width: 0; padding: 6px 4px;
  font-size: calc(22px * var(--pj-v2-text-scale, 1)); font-weight: 500; line-height: 1.35;
  border: 1px solid transparent; border-radius: 4px; color: var(--pj-ink); background: transparent;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-title-input:is(:hover, :focus) { border-color: var(--pj-line); background: var(--pj-surface); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields { gap: 4px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields > [data-column-key] {
  display: grid; grid-template-columns: minmax(100px, 27%) minmax(0, 1fr); gap: 12px; align-items: start;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-label { padding: 10px 0; font-size: .92em; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-value { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; padding: 3px 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-value > :is(input, select, .crm-board-field) { width: 100%; border-color: transparent; background: transparent; font: inherit; text-align: left; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-value > :is(input, select, .crm-board-field):is(:hover, :focus) { border-color: var(--pj-line); background: var(--pj-surface); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-value .crm-field-feedback { flex-basis: 100%; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-disclosure { border: 0; border-top: 1px solid var(--pj-line); border-radius: 0; background: transparent; box-shadow: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-disclosure-content { padding: 10px 0; border: 0; }
[data-projects-ui="v2"] #projects-workspace-rail #projects-v2-table { border: 0; box-shadow: none; background: transparent; }
[data-projects-ui="v2"] #projects-workspace-rail #projects-v2-table[aria-current="page"] { background: var(--pj-raised); }
[data-projects-ui="v2"] .crm-cal-weeks { border: 1px solid var(--pj-line); border-top: 0; border-radius: 0 0 6px 6px; overflow: hidden; }
[data-projects-ui="v2"] .crm-cal-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: minmax(28px, auto); position: relative; min-height: 132px; border-top: 1px solid var(--pj-line); padding-bottom: 5px; }
[data-projects-ui="v2"] .crm-cal-week .crm-projects-calendar-day { min-height: 0; min-width: 0; padding: 4px 7px; border-bottom: 0; border-right: 1px solid var(--pj-line); border-radius: 0; pointer-events: none; }
[data-projects-ui="v2"] .crm-cal-week .crm-projects-calendar-day.off { background: color-mix(in srgb, var(--pj-muted) 8%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-cal-week .crm-projects-calendar-day.is-outside { opacity: .55; }
[data-projects-ui="v2"] .crm-cal-span { display: block; z-index: 1; min-width: 0; margin: 2px 3px; padding: 4px 8px; border: 0; border-left: 3px solid var(--pj-accent-ink); border-radius: 4px; text-align: left; font: inherit; font-size: .88em; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--pj-ink); background: color-mix(in srgb, var(--pj-accent) 20%, var(--pj-surface)); cursor: pointer; }
[data-projects-ui="v2"] .crm-cal-span[data-status="done"] { border-color: #168258; background: color-mix(in srgb, #168258 16%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-cal-span[data-status="blocked"] { border-color: #ba3846; background: color-mix(in srgb, #ba3846 15%, var(--pj-surface)); }
[data-projects-ui="v2"] .crm-cal-span:hover { filter: brightness(.96); }
[data-projects-ui="v2"] .crm-cal-span.continues-before { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; }
[data-projects-ui="v2"] .crm-cal-span.continues-after { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; }
[data-projects-ui="v2"] .crm-cal-span.is-marker { border-left-style: dotted; }
[data-projects-ui="v2"] .crm-cal-overflow { grid-column: 1 / -1; z-index: 2; min-width: 0; margin: 4px 8px; padding: 4px 0; background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-cal-overflow summary { cursor: pointer; color: var(--pj-accent-ink); font-size: .9em; }
[data-projects-ui="v2"] .crm-cal-overflow :is(ul, li) { list-style: none; margin: 0; padding: 0; }
[data-projects-ui="v2"] .crm-cal-overflow button { max-width: 100%; white-space: normal; }
[data-projects-ui="v2"] :is(.crm-cal-span, .crm-cal-overflow summary):focus-visible { outline: 2px solid var(--pj-accent-ink); outline-offset: 1px; }

[data-projects-ui="v2"] #projects-board-detail .crm-projects-board-detail-head .crm-eyebrow { display: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields > [data-column-key] > .crm-field-feedback { grid-column: 2; margin: 0; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-add] { border: 0; border-radius: 4px; padding: 8px; color: var(--pj-accent-ink); background: transparent; text-align: left; cursor: pointer; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-add]::before { content: '+ '; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-add]:hover { background: var(--pj-raised); }
[data-projects-ui="v2"] .crm-cal-span { font-size: calc(14px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-projects-calendar-grid:has(+ .crm-cal-weeks) { margin-bottom: 0; border-radius: 6px 6px 0 0; }

[data-projects-ui="v2"] #projects-board-detail textarea.crm-detail-title-input { field-sizing: content; resize: none; max-height: min(32vh, 240px); overflow: auto; white-space: normal; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-fields > [data-column-key] { grid-template-columns: minmax(100px, 32%) minmax(0, 1fr); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-label { overflow-wrap: anywhere; }

/* Desktop Gantt: shared filters stay in the workspace toolbar. */
[data-projects-ui="v2"] .crm-gantt-view { min-width: 0; color: var(--pj-ink); font-family: 'Roboto', 'Noto Sans', sans-serif; font-weight: 400; }
[data-projects-ui="v2"] .crm-gantt-tools { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 8px 0 16px; }
[data-projects-ui="v2"] .crm-gantt-tools h3 { margin: 0 0 4px; font-size: calc(18px * var(--pj-v2-text-scale, 1)); font-weight: 500; }
[data-projects-ui="v2"] .crm-gantt-tools p { margin: 0; font-size: calc(12px * var(--pj-v2-text-scale, 1)); color: var(--pj-muted); }
[data-projects-ui="v2"] .crm-gantt-controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
[data-projects-ui="v2"] .crm-gantt-zoom { display: flex; padding: 3px; border-radius: 6px; background: var(--pj-raised); border: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-gantt-zoom button { border: 0; border-radius: 4px; background: transparent; color: var(--pj-muted); padding: 6px 12px; font-size: calc(13px * var(--pj-v2-text-scale, 1)); cursor: pointer; }
[data-projects-ui="v2"] .crm-gantt-zoom button[aria-pressed="true"] { background: var(--pj-surface); color: var(--pj-accent-ink); box-shadow: 0 1px 3px #00000016; font-weight: 500; }
[data-projects-ui="v2"] :is(.crm-gantt-today-button, .crm-gantt-set-dates, .crm-gantt-more) { color: var(--pj-accent-ink); border: 1px solid var(--pj-line); border-radius: 5px; padding: 6px 10px; background: var(--pj-surface); cursor: pointer; font-size: calc(13px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-gantt-legend { display: flex; align-items: center; gap: 22px; padding: 0 0 12px; color: var(--pj-muted); font-size: calc(12px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-gantt-legend span { display: inline-flex; align-items: center; gap: 6px; }
[data-projects-ui="v2"] .crm-gantt-key-stored { width: 18px; height: 9px; border-radius: 2px; background: var(--pj-accent); }
[data-projects-ui="v2"] .crm-gantt-key-derived { width: 20px; border-top: 2px dashed var(--pj-muted); }
[data-projects-ui="v2"] .crm-gantt-scroll { overflow: auto; max-height: min(62dvh, 620px); border-block: 1px solid var(--pj-line); overscroll-behavior: contain; isolation: isolate; }
[data-projects-ui="v2"] .crm-gantt-chart { width: calc(280px + var(--crm-gantt-width)); position: relative; }
[data-projects-ui="v2"] .crm-gantt-axis { display: grid; grid-template-columns: 280px var(--crm-gantt-width); height: calc(64px * var(--pj-v2-text-scale, 1)); position: sticky; top: 0; z-index: 6; background: var(--pj-raised); border-bottom: 1px solid var(--pj-line); box-sizing: border-box; }
[data-projects-ui="v2"] .crm-gantt-axis-label { position: sticky; left: 0; z-index: 7; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; background: var(--pj-raised); border-right: 1px solid var(--pj-line); font-size: calc(13px * var(--pj-v2-text-scale, 1)); font-weight: 500; }
[data-projects-ui="v2"] .crm-gantt-axis-label span { color: var(--pj-muted); font-size: calc(12px * var(--pj-v2-text-scale, 1)); font-weight: 400; }
[data-projects-ui="v2"] .crm-gantt-axis-dates { min-width: 0; overflow: hidden; }
[data-projects-ui="v2"] .crm-gantt-range { height: calc(30px * var(--pj-v2-text-scale, 1)); box-sizing: border-box; padding: 6px 10px; font-size: calc(12px * var(--pj-v2-text-scale, 1)); font-weight: 500; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-gantt-ticks { position: relative; height: calc(33px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-gantt-ticks time { position: absolute; inset-block: 0; box-sizing: border-box; padding: 8px 6px; border-left: 1px solid var(--pj-line); color: var(--pj-muted); font-size: calc(11px * var(--pj-v2-text-scale, 1)); overflow: hidden; white-space: nowrap; }
[data-projects-ui="v2"] .crm-gantt-body { position: relative; }
[data-projects-ui="v2"] .crm-gantt-background { position: absolute; inset: 0 0 0 280px; pointer-events: none; overflow: hidden; }
[data-projects-ui="v2"] :is(.crm-gantt-weekend, .crm-gantt-gridline) { position: absolute; top: 0; bottom: 0; }
[data-projects-ui="v2"] .crm-gantt-weekend { background: var(--pj-raised); opacity: .85; }
[data-projects-ui="v2"] .crm-gantt-gridline { border-left: 1px solid var(--pj-line); opacity: .5; }
[data-projects-ui="v2"] .crm-gantt-today { position: absolute; top: 0; bottom: 0; z-index: 1; border-left: 1px solid var(--pj-accent-ink); }
[data-projects-ui="v2"] .crm-gantt-today b { position: absolute; top: 0; left: 3px; padding: 1px 3px; font-size: calc(10px * var(--pj-v2-text-scale, 1)); color: var(--pj-accent-ink); background: var(--pj-surface); font-weight: 500; }
[data-projects-ui="v2"] .crm-gantt-dependencies { position: absolute; top: 0; left: 0; overflow: visible; fill: none; stroke: var(--pj-muted); stroke-width: 1.25; opacity: .6; }
[data-projects-ui="v2"] .crm-gantt-row { display: grid; grid-template-columns: 280px var(--crm-gantt-width); height: var(--crm-gantt-row); box-sizing: border-box; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-gantt-task { position: sticky; left: 0; z-index: 3; display: flex; gap: 10px; align-items: center; min-width: 0; padding: 8px 16px; border-right: 1px solid var(--pj-line); background: var(--pj-surface); }
[data-projects-ui="v2"] .crm-gantt-task > div { min-width: 0; flex: 1; }
[data-projects-ui="v2"] :is(.crm-gantt-task button, .crm-gantt-undated-task) { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: var(--pj-ink); text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(14px * var(--pj-v2-text-scale, 1)); line-height: 1.25; cursor: pointer; }
[data-projects-ui="v2"] :is(.crm-gantt-task button, .crm-gantt-undated-task):hover { color: var(--pj-accent-ink); text-decoration: underline; }
[data-projects-ui="v2"] .crm-gantt-task small { display: block; line-height: 1.2; color: var(--pj-muted); font-size: calc(11px * var(--pj-v2-text-scale, 1)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-projects-ui="v2"] .crm-gantt-status { display: inline-flex; justify-content: center; align-items: center; width: 19px; height: 19px; flex: 0 0 19px; border: 1px solid currentColor; border-radius: 50%; font-size: calc(12px * var(--pj-v2-text-scale, 1)); font-weight: 500; color: var(--st-ns-fg); }
[data-projects-ui="v2"] .crm-gantt-status[data-status="in_progress"] { color: var(--st-ip-fg); }
[data-projects-ui="v2"] .crm-gantt-status[data-status="blocked"] { color: var(--st-bl-fg); }
[data-projects-ui="v2"] .crm-gantt-status[data-status="done"] { color: var(--st-dn-fg); }
[data-projects-ui="v2"] .crm-gantt-track { position: relative; min-width: 0; }
[data-projects-ui="v2"] .crm-gantt-bar { position: absolute; top: 17px; height: 24px; min-width: 3px; box-sizing: border-box; border: 1px solid var(--st-ns-fg); border-radius: 4px; color: var(--st-ns-fg); background: var(--st-ns-bg); padding: 0; cursor: pointer; text-align: left; z-index: 2; }
[data-projects-ui="v2"] .crm-gantt-bar span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 7px; font-size: calc(11px * var(--pj-v2-text-scale, 1)); line-height: 20px; }
[data-projects-ui="v2"] .crm-gantt-bar[data-status="in_progress"] { color: var(--st-ip-fg); background: var(--st-ip-bg); border-color: var(--st-ip-fg); }
[data-projects-ui="v2"] .crm-gantt-bar[data-status="blocked"] { color: var(--st-bl-fg); background: var(--st-bl-bg); border-color: var(--st-bl-fg); }
[data-projects-ui="v2"] .crm-gantt-bar[data-status="done"] { color: var(--st-dn-fg); background: var(--st-dn-bg); border-color: var(--st-dn-fg); }
[data-projects-ui="v2"] .crm-gantt-bar.is-derived { top: 46px; height: 7px; border: 0; border-top: 2px dashed var(--pj-muted); border-radius: 0; background: transparent; }
[data-projects-ui="v2"] .crm-gantt-bar:hover { filter: brightness(.95); }
[data-projects-ui="v2"] .crm-gantt-more { margin-top: 12px; }
[data-projects-ui="v2"] .crm-gantt-note { color: var(--pj-muted); font-size: calc(12px * var(--pj-v2-text-scale, 1)); margin: 10px 0; }
[data-projects-ui="v2"] .crm-gantt-undated { margin-top: 24px; }
[data-projects-ui="v2"] .crm-gantt-undated-heading { display: flex; align-items: baseline; gap: 16px; border-bottom: 1px solid var(--pj-line); padding-bottom: 10px; }
[data-projects-ui="v2"] .crm-gantt-undated-heading h4 { font-size: calc(14px * var(--pj-v2-text-scale, 1)); font-weight: 500; margin: 0; }
[data-projects-ui="v2"] .crm-gantt-undated-heading h4 span { margin-left: 6px; color: var(--pj-muted); font-size: calc(12px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-gantt-undated-heading p { font-size: calc(12px * var(--pj-v2-text-scale, 1)); color: var(--pj-muted); margin: 0; }
[data-projects-ui="v2"] .crm-gantt-undated ul { padding: 0; margin: 0; list-style: none; }
[data-projects-ui="v2"] .crm-gantt-undated li { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 5px 0; box-sizing: border-box; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-gantt-undated-task { flex: 1; width: 0; }
[data-projects-ui="v2"] :is(.crm-gantt-undated-section, .crm-gantt-date-note) { color: var(--pj-muted); font-size: calc(12px * var(--pj-v2-text-scale, 1)); max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-projects-ui="v2"] .crm-gantt-empty { padding: 32px 0; border-block: 1px solid var(--pj-line); }
[data-projects-ui="v2"] .crm-gantt-empty strong { font-size: calc(15px * var(--pj-v2-text-scale, 1)); font-weight: 500; }
[data-projects-ui="v2"] .crm-gantt-empty p { color: var(--pj-muted); font-size: calc(13px * var(--pj-v2-text-scale, 1)); margin: 6px 0 0; }

/* ---------- Side-tab header: a clear way back to the project ---------- */
[data-projects-ui="v2"] #projects-workspace-rail #projects-v2-table { display: none; }
[data-projects-ui="v2"] .crm-projects-utility-header { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 16px; padding: 0 0 12px; }
[data-projects-ui="v2"] .crm-projects-utility-header .crm-projects-back { grid-row: 1; display: inline-flex; align-items: center; gap: 6px; width: max-content; min-height: 34px; padding: 6px 12px 6px 8px; border: 1px solid var(--pj-line-strong); border-radius: var(--pj-radius-md); background: var(--pj-surface); color: var(--pj-accent-ink); font: inherit; font-size: calc(13px * var(--pj-v2-text-scale, 1)); cursor: pointer; }
[data-projects-ui="v2"] .crm-projects-back svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
[data-projects-ui="v2"] .crm-projects-back strong { font-weight: 650; }
[data-projects-ui="v2"] .crm-projects-back:hover { background: var(--pj-accent-soft); border-color: var(--pj-accent-ink); }
[data-projects-ui="v2"] .crm-projects-utility-title { grid-row: 1; margin: 0; font-size: calc(18px * var(--pj-v2-text-scale, 1)); font-weight: 650; color: var(--pj-ink); }
[data-projects-ui="v2"] .crm-projects-utility-viewtabs { grid-column: 1 / -1; display: flex; gap: 4px; flex-wrap: wrap; }
[data-projects-ui="v2"] .crm-projects-utility-viewtabs::before { content: 'Open in'; align-self: center; margin-right: 6px; color: var(--pj-faint); font-size: calc(12px * var(--pj-v2-text-scale, 1)); }
[data-projects-ui="v2"] .crm-projects-utility-viewtabs button { min-height: 30px; padding: 4px 12px; border: 0; border-radius: var(--pj-radius-md); background: transparent; color: var(--pj-ink-2); font: inherit; font-size: calc(13px * var(--pj-v2-text-scale, 1)); cursor: pointer; }
[data-projects-ui="v2"] .crm-projects-utility-viewtabs button:hover { background: var(--pj-sunken); color: var(--pj-accent-ink); }
/* While a side tab is open the project stays marked, but softer than the active tab. */
[data-projects-ui="v2"]:not([data-projects-utility=""]) #projects-workspace-projects button[aria-current="page"] { background: transparent; box-shadow: inset 3px 0 0 var(--pj-accent-ink); }

/* ---------- Trash: sidebar hover icon, header icon, confirmation ---------- */
[data-panel="projects"] { --pj-danger: #c93a3a; --pj-danger-soft: rgba(201, 58, 58, 0.1); }
#projects-workspace-projects .crm-projects-rail-item { position: relative; }
#projects-workspace-projects .crm-projects-rail-item > button[data-workspace-project] { padding-right: 38px; }
#projects-workspace-projects button.crm-projects-rail-trash { position: absolute; top: 50%; right: 6px; width: 28px; min-height: 28px; height: 28px; padding: 0; justify-content: center; transform: translateY(-50%); border-radius: var(--pj-radius-md); color: var(--pj-danger); background: transparent; opacity: 0; pointer-events: none; }
#projects-workspace-projects button.crm-projects-rail-trash::before { content: none; }
#projects-workspace-projects .crm-projects-rail-item:hover > button.crm-projects-rail-trash,
#projects-workspace-projects .crm-projects-rail-item:focus-within > button.crm-projects-rail-trash { opacity: 1; pointer-events: auto; }
#projects-workspace-projects button.crm-projects-rail-trash:hover { background: var(--pj-danger-soft); }
:is(.crm-projects-rail-trash, .crm-projects-trash-btn) svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
[data-panel="projects"] .crm-projects-trash-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid color-mix(in srgb, var(--pj-danger) 45%, transparent); border-radius: var(--pj-radius-md); background: var(--pj-surface); color: var(--pj-danger); cursor: pointer; }
[data-panel="projects"] .crm-projects-trash-btn:hover:not(:disabled) { background: var(--pj-danger-soft); border-color: var(--pj-danger); }
[data-panel="projects"] .crm-projects-trash-btn:disabled { opacity: 0.4; cursor: not-allowed; }
/* A project in the trash: the same header button restores it. */
[data-panel="projects"] .crm-projects-trash-btn.is-restore { color: var(--pj-accent-ink); border-color: color-mix(in srgb, var(--pj-accent-ink) 45%, transparent); }
[data-panel="projects"] .crm-projects-trash-btn.is-restore:hover:not(:disabled) { background: var(--pj-accent-soft); border-color: var(--pj-accent-ink); }
/* Archived and trashed projects sit in their own list below the active ones. */
#projects-workspace-projects .crm-projects-rail-lifecycle { margin-left: auto; flex: 0 0 auto; padding: 1px 6px; border-radius: 99px; background: var(--pj-sunken); color: var(--pj-muted); font-size: 10px; font-weight: 600; }
#projects-workspace-projects [data-lifecycle="trashed"] .crm-projects-rail-lifecycle { background: var(--pj-danger-soft); color: var(--pj-danger); }
.crm-projects-confirm-dialog { width: min(440px, calc(100vw - 32px)); padding: 22px 24px; border: 1px solid var(--pj-line); border-radius: 12px; background: var(--pj-surface); color: var(--pj-ink); box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18); }
.crm-projects-confirm-dialog::backdrop { background: rgba(15, 23, 42, 0.35); }
.crm-projects-confirm-dialog h3 { margin: 0 0 8px; font-size: 17px; font-weight: 650; overflow-wrap: anywhere; }
.crm-projects-confirm-dialog p { margin: 0 0 10px; color: var(--pj-ink-2); font-size: 13.5px; line-height: 1.5; }
.crm-projects-confirm-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.crm-projects-danger-btn { min-height: 36px; padding: 6px 16px; border: 0; border-radius: var(--pj-radius-md); background: var(--pj-danger); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.crm-projects-danger-btn:hover:not(:disabled) { filter: brightness(0.92); }
.crm-projects-danger-btn:disabled { opacity: 0.45; cursor: not-allowed; }

/* ---------- Loading: spinner beside "Loading…" messages and on the board placeholder ---------- */
@keyframes crm-projects-spin { to { transform: rotate(360deg); } }
.crm-projects-spinner, [data-panel="projects"] .crm-projects-is-loading::before { content: ''; display: inline-block; flex: 0 0 auto; width: 14px; height: 14px; border: 2px solid var(--pj-line-strong); border-top-color: var(--pj-accent-ink); border-radius: 50%; animation: crm-projects-spin 0.8s linear infinite; vertical-align: -2px; }
[data-panel="projects"] .crm-projects-is-loading { display: flex; align-items: center; gap: 8px; color: var(--pj-ink-2); }
.crm-projects-loading-label { display: flex; align-items: center; gap: 10px; margin: 4px 0 10px; color: var(--pj-ink-2); font-size: 13px; }
.crm-projects-initial-loading > span { background: linear-gradient(90deg, var(--pj-sunken), var(--pj-raised), var(--pj-sunken)); background-size: 200% 100%; }
@media (prefers-reduced-motion: reduce) {
  .crm-projects-spinner, [data-panel="projects"] .crm-projects-is-loading::before { animation-duration: 2.4s; }
}
/* The placeholder already says "Loading tasks…"; avoid a second loading line above it. */
[data-panel="projects"] #projects-board-status:has(+ .crm-projects-initial-loading:not([hidden])) { display: none; }
/* Task drawer Overview (FB-8QVT7AEYXY): one framed section per topic with a clear
   header; content inside each section flows on its background (no nested boxes). */
[data-projects-ui="v2"] #projects-task-planning { display: grid; gap: 12px; min-width: 0; margin-top: 12px; padding-top: 0; border-top: 0; }
[data-projects-ui="v2"] #projects-task-planning .crm-detail-section-card form { margin: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card {
  min-width: 0; margin: 0; border: 1px solid var(--pj-line); border-radius: 10px; background: var(--pj-surface); box-shadow: none; overflow: hidden;
}
[data-projects-ui="v2"] #projects-board-detail-body > .crm-detail-section-card { margin-top: 12px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card > .crm-detail-card-head {
  display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 44px; padding: 10px 14px;
  font-weight: 600; color: var(--pj-ink); cursor: pointer; list-style: none; user-select: none;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card > .crm-detail-card-head:hover { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card > .crm-detail-card-head::-webkit-details-marker { display: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card > .crm-detail-card-head::before {
  content: ''; flex: 0 0 auto; width: 6px; height: 6px; margin: 0 4px 0 2px; border: solid var(--pj-muted); border-width: 0 1.6px 1.6px 0;
  transform: rotate(-45deg); transition: transform .15s ease;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card[open] > .crm-detail-card-head::before { transform: rotate(45deg); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-card-icon { display: inline-flex; flex: 0 0 auto; color: var(--pj-accent-ink); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-card-icon .crm-pj-icon { width: 15px; height: 15px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-card-head .crm-detail-disclosure-title { flex: 0 1 auto; min-width: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-card-head .crm-detail-disclosure-badge {
  margin-left: auto; padding: 2px 8px; border-radius: 999px; background: var(--pj-raised); color: var(--pj-muted); font-size: 12px; font-weight: 500; white-space: nowrap;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card > .crm-detail-disclosure-content { padding: 12px 14px 14px; border: 0; border-top: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card .crm-detail-schedule-form .crm-detail-form-actions { justify-content: flex-end; }
/* Subtask rollup: the section is the frame; hide it when there is nothing to roll up. */
[data-projects-ui="v2"] #projects-board-detail .crm-detail-progress-section { padding: 12px 14px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-progress-section:has(> #projects-task-derived:empty) { display: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-progress-section .crm-detail-progress-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
/* Description and reminders use the same frame without a toggle. */
[data-projects-ui="v2"] #projects-board-detail .crm-detail-static-card { padding: 12px 14px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-card-title { margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-static-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-static-head .crm-detail-card-title { margin: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-static-hint { margin: 4px 0 0; color: var(--pj-muted); font-size: 12.5px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-description-text { margin: 0; color: var(--pj-ink); }
/* Flatten the old inner boxes so each section has only one frame. */
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card :is(.crm-detail-hint, .crm-detail-advanced-dep, .crm-detail-preview-card) {
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card .crm-detail-hint { margin: 10px 0; padding: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card .crm-detail-advanced-dep { margin: 10px 0; padding: 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card .crm-detail-preview-card { margin-top: 12px; padding: 12px 0 0; border-top: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-section-card #projects-task-links li { padding: 8px 0; border: 0; border-bottom: 1px solid var(--pj-line); border-radius: 0; background: transparent; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-info-row { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 0; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-info-label { flex: 0 0 72px; color: var(--pj-muted); font-size: 12.5px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-info-row code { min-width: 0; overflow-wrap: anywhere; font-size: 12.5px; }
/* Meetings has its own drawer tab, so it no longer needs a divider above it. */
[data-projects-ui="v2"] #projects-detail-panel-meetings .cmpp-panel { margin-top: 0; padding-top: 12px; border-top: 0; }
[data-projects-ui="v2"] #projects-detail-panel-meetings .cmpp-row > button { flex: 0 0 auto; white-space: nowrap; overflow-wrap: normal; }
/* The site-wide textarea min-height (style.css) left a tall empty gap under the task title. */
[data-projects-ui="v2"] #projects-board-detail textarea.crm-detail-title-input { min-height: 0; }
/* Keep small toggles next to their arrow instead of pushed to the far edge. */
[data-projects-ui="v2"] #projects-board-detail .crm-detail-advanced-summary { display: flex; align-items: center; justify-content: flex-start; gap: 8px; list-style: none; min-height: 32px; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-advanced-summary::-webkit-details-marker { display: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-advanced-summary::before {
  content: ''; flex: 0 0 auto; width: 5px; height: 5px; margin-left: 2px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg); transition: transform .15s ease;
}
[data-projects-ui="v2"] #projects-board-detail .crm-detail-advanced-dep[open] > .crm-detail-advanced-summary::before { transform: rotate(45deg); }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-empty-note { margin: 0 0 8px; color: var(--pj-muted); font-size: 12.5px; }
/* Task details and Subtasks sections built by the board (FB-8QVT7AEYXY). */
[data-projects-ui="v2"] #projects-board-detail-body > .crm-detail-section-card:first-child { margin-top: 4px; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="task-details"] .crm-detail-card-title { margin-bottom: 4px; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="task-details"] .crm-detail-fields > [data-column-key][hidden] { display: none; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-field-value > input.crm-board-field::placeholder { color: var(--pj-muted); opacity: .8; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-static-meta { padding: 2px 8px; border-radius: 999px; background: var(--pj-raised); color: var(--pj-muted); font-size: 12px; font-weight: 500; white-space: nowrap; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] > .crm-detail-static-head { margin-bottom: 6px; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-subtask-progress]:empty { display: none; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-subtask-progress] .crm-detail-progress-card { margin: 0 0 6px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-subtask-progress] .crm-detail-progress-head { display: none; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-subtask-progress] .crm-detail-progress-foot { justify-content: flex-start; }
[data-projects-ui="v2"] #projects-board-detail .crm-detail-subtask-path { margin: 0 0 4px; color: var(--pj-muted); font-size: 12.5px; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-child-list] { margin: 4px 0; border-top: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-child-list] li { border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-children] button {
  min-height: 36px; padding: 6px 4px; border: 0; border-radius: 4px; background: transparent; color: var(--pj-ink); font-weight: 500; cursor: pointer;
}
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-children] button:hover:not(:disabled) { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-parent] { color: var(--pj-accent-ink); }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-children-status] { margin: 4px 0 0; color: var(--pj-muted); font-size: 12px; }
[data-projects-ui="v2"] #projects-board-detail [data-detail-section="subtasks"] [data-detail-add] { margin-top: 4px; padding-left: 4px; }

/* Automation centre (Create | Manage). Three step colours only: green = trigger, blue = action, amber = wait.
   Every motion explains a change; nothing loops except the loading placeholder; all timings scale with --au-s. */
[data-projects-ui="v2"] #projects-automations { --au-s: 1; --au-ease: cubic-bezier(.4, 0, .2, 1); --au-g: #17704f; --au-g-bg: #e6f3ed; --au-b: #2b5fc7; --au-b-bg: #e7eefc; --au-a: #a8650b; --au-a-bg: #fdf1dc; --au-soft: #7d889b; }
[data-projects-ui="v2"] #projects-automations .crm-au-i { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
@keyframes crm-au-fade { from { opacity: 0; } }
@keyframes crm-au-fill { from { transform: scaleX(0); } }
@keyframes crm-au-born { from { box-shadow: 0 0 0 3px var(--au-g); } to { box-shadow: 0 0 0 3px transparent; } }
@keyframes crm-au-breathe { to { opacity: .45; } }

/* Top bar */
[data-projects-ui="v2"] #projects-automations .crm-au-top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-ttl { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-ttl h3 { margin: 0; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
[data-projects-ui="v2"] #projects-automations .crm-au-ttl h3 span { color: var(--pj-muted); font-weight: 400; }
[data-projects-ui="v2"] #projects-automations .crm-au-bolt { width: 28px; height: 28px; border-radius: 8px; background: var(--au-g-bg); color: var(--au-g); display: grid; place-items: center; flex: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-top-end { justify-self: end; }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-seg, .crm-au-pills) { position: relative; display: inline-flex; border: 1px solid var(--pj-line); background: var(--pj-raised); padding: 3px; }
[data-projects-ui="v2"] #projects-automations .crm-au-seg { border-radius: 10px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pills { border-radius: 999px; }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-seg, .crm-au-pills) button { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; margin: 0; border: 0; background: none; box-shadow: none; color: var(--pj-muted); font-weight: 500; white-space: nowrap; cursor: pointer; transition: color calc(.4s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-seg button { padding: 6px 26px; border-radius: 8px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pills button { padding: 6px 14px; border-radius: 999px; }
[data-projects-ui="v2"] #projects-automations .crm-au-seg button[aria-pressed="true"] { color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-automations .crm-au-pills button[aria-pressed="true"] { color: var(--pj-accent-ink); }
[data-projects-ui="v2"] #projects-automations .crm-au-thumb { position: absolute; top: 3px; bottom: 3px; left: 0; width: 0; border-radius: 8px; background: var(--pj-surface); box-shadow: 0 1px 4px rgba(32, 41, 56, .16); transition: transform calc(.4s * var(--au-s)) var(--au-ease), width calc(.4s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-pills .crm-au-thumb { border-radius: 999px; }
[data-projects-ui="v2"] #projects-automations .crm-au-count { display: inline-block; font-size: 11px; font-weight: 600; padding: 0 6px; border: 1px solid var(--pj-line); border-radius: 999px; background: var(--pj-surface); }
[data-projects-ui="v2"] #projects-automations .crm-au-btn { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 8px 14px; border: 1px solid var(--pj-line); border-radius: 8px; background: var(--pj-surface); color: var(--pj-ink); font-weight: 500; white-space: nowrap; cursor: pointer; transition: border-color calc(.2s * var(--au-s)), box-shadow calc(.2s * var(--au-s)), background calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-btn:hover:not(:disabled) { border-color: #9fb0c5; box-shadow: 0 3px 10px rgba(32, 41, 56, .10); }
[data-projects-ui="v2"] #projects-automations .crm-au-btn.is-primary { background: var(--pj-accent); border-color: var(--pj-accent); color: #fff; }
[data-projects-ui="v2"] #projects-automations .crm-au-btn.is-primary:hover:not(:disabled) { background: #125c41; }
[data-projects-ui="v2"] #projects-automations .crm-au-btn.is-ghost { border-color: transparent; background: none; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations .crm-au-status { margin: 12px 0 0; font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane { padding-top: 22px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane.is-entering { animation: crm-au-fade calc(.3s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-pane-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane-head h4 { margin: 0; font-size: 22px; font-weight: 600; }

/* Block sentence */
[data-projects-ui="v2"] #projects-automations .crm-au-sent { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 9px; font-size: 15.5px; line-height: 1.3; text-align: left; overflow-wrap: normal; }
[data-projects-ui="v2"] #projects-automations .crm-au-word { color: var(--pj-muted); font-weight: 400; }
[data-projects-ui="v2"] #projects-automations .crm-au-arrow { color: #b3bccb; margin: 0 8px; font-size: 15px; }
[data-projects-ui="v2"] #projects-automations .crm-au-lead { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
[data-projects-ui="v2"] #projects-automations .is-trigger { --c: var(--au-g); --cb: var(--au-g-bg); }
[data-projects-ui="v2"] #projects-automations .is-action { --c: var(--au-b); --cb: var(--au-b-bg); }
[data-projects-ui="v2"] #projects-automations .is-wait { --c: var(--au-a); --cb: var(--au-a-bg); }
[data-projects-ui="v2"] #projects-automations .crm-au-blk { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 8px; border-radius: 8px; border-left: 4px solid var(--c); background: var(--cb); color: var(--c); font-weight: 600; white-space: nowrap; transition: background calc(.5s * var(--au-s)) var(--au-ease), color calc(.5s * var(--au-s)) var(--au-ease), filter calc(.4s * var(--au-s)) var(--au-ease), opacity calc(.4s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-val { display: inline-flex; align-items: center; padding: 2px 1px; border-bottom: 2px solid transparent; color: var(--pj-ink); font-weight: 700; transition: color calc(.5s * var(--au-s)) var(--au-ease), border-color calc(.5s * var(--au-s)) var(--au-ease), filter calc(.4s * var(--au-s)) var(--au-ease), opacity calc(.4s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-val.is-blank { color: var(--au-soft); font-weight: 500; border-bottom: 2px dashed #b9c3d1; }
[data-projects-ui="v2"] #projects-automations .crm-au-blk.is-blank { border: 1.5px dashed var(--c); border-left-width: 4px; background: var(--pj-surface); }
/* Motion 1: blocks light up one at a time, in the order the automation runs (--t = second that step starts). */
[data-projects-ui="v2"] #projects-automations :is(.crm-au-tcard, .crm-au-row:not(.is-off)):is(:hover, :has(:focus-visible), :focus-visible) .crm-au-blk { background: var(--c); color: #fff; transition-delay: calc(var(--t) * var(--au-s) * 1s); }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-tcard, .crm-au-row:not(.is-off)):is(:hover, :has(:focus-visible), :focus-visible) .crm-au-val:not(.is-blank) { color: var(--c); border-bottom-color: var(--c); transition-delay: calc(var(--t) * var(--au-s) * 1s); }
/* Motion 2: the wait block fills like a bar before the next step lights: there is a real waiting time here. */
[data-projects-ui="v2"] #projects-automations .crm-au-blk.is-wait::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 0 2px 2px 2px; background: var(--c); transform-origin: left; opacity: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-row:not(.is-off):is(:hover, :has(:focus-visible)) .crm-au-blk.is-wait { transition-delay: calc((var(--t) + 1.25) * var(--au-s) * 1s); }
[data-projects-ui="v2"] #projects-automations .crm-au-row:not(.is-off):is(:hover, :has(:focus-visible)) .crm-au-blk.is-wait::after { opacity: 1; animation: crm-au-fill calc(1s * var(--au-s)) linear both; animation-delay: calc((var(--t) + .25) * var(--au-s) * 1s); }
/* Motions 3 and 4: switched on, colour flows in left to right; paused, it drains right to left. */
[data-projects-ui="v2"] #projects-automations .crm-au-row :is(.crm-au-blk, .crm-au-val) { transition-delay: calc(var(--n) * .13s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-row.is-off :is(.crm-au-blk, .crm-au-val) { filter: grayscale(1); opacity: .55; transition-delay: calc(var(--rn) * .13s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-row.is-off .crm-au-word { color: #9aa5b6; }
[data-projects-ui="v2"] #projects-automations .crm-au-row.is-settling :is(*, *::after) { transition: none !important; }

/* Manage */
[data-projects-ui="v2"] #projects-automations .crm-au-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-au-search { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; width: 42px; padding: 8px 12px; border: 1px solid var(--pj-line); border-radius: 8px; color: var(--pj-muted); overflow: hidden; cursor: text; transition: width calc(.4s * var(--au-s)) var(--au-ease), border-color calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-search:is(:hover, :focus-within, .has-text) { width: 260px; border-color: var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations .crm-au-search input { width: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: none; box-shadow: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-folder { width: auto; min-height: 0; padding: 8px 30px 8px 12px; border-radius: 8px; }
[data-projects-ui="v2"] #projects-automations .crm-au-details { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; border: 1px solid var(--pj-line); border-radius: 8px; background: var(--pj-surface); color: var(--pj-muted); font-weight: 500; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-sw { position: relative; display: inline-block; width: 40px; height: 22px; margin: 0; padding: 0; border: 0; border-radius: 999px; background: #c9d1dc; flex: none; cursor: pointer; transition: background calc(.3s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform calc(.3s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-sw[aria-checked="true"], [aria-checked="true"] > .crm-au-sw) { background: var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-sw[aria-checked="true"], [aria-checked="true"] > .crm-au-sw)::after { transform: translateX(18px); }
[data-projects-ui="v2"] #projects-automations .crm-au-sw.is-small { width: 30px; height: 18px; }
[data-projects-ui="v2"] #projects-automations .crm-au-sw.is-small::after { width: 12px; height: 12px; }
[data-projects-ui="v2"] #projects-automations [aria-checked="true"] > .crm-au-sw.is-small::after { transform: translateX(12px); }
[data-projects-ui="v2"] #projects-automations .crm-au-clash { display: flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; margin-bottom: 14px; padding: 8px 12px; border-radius: 10px; background: var(--au-a-bg); color: #7a4a06; font-size: 14px; cursor: help; }
[data-projects-ui="v2"] #projects-automations .crm-au-list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 24px; align-items: center; padding: 24px 24px 28px; border: 1px solid var(--pj-line); border-radius: 12px; background: var(--pj-surface); transition: border-color calc(.25s * var(--au-s)), box-shadow calc(.25s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-row:is(:hover, :has(:focus-visible)) { border-color: #9fb0c5; box-shadow: 0 6px 18px rgba(32, 41, 56, .09); }
[data-projects-ui="v2"] #projects-automations .crm-au-row:has(.crm-au-menu) { z-index: 6; }
[data-projects-ui="v2"] #projects-automations .crm-au-list.is-fresh .crm-au-row { animation: crm-au-fade calc(.4s * var(--au-s)) var(--au-ease) both; }
[data-projects-ui="v2"] #projects-automations .crm-au-row.is-born { animation: crm-au-born calc(1.5s * var(--au-s)) ease-out calc(.6s * var(--au-s)) backwards; }
[data-projects-ui="v2"] #projects-automations .crm-au-list.show-clash .crm-au-row[data-clash] { border-color: #e0a030; box-shadow: 0 0 0 3px #e0a030; }
[data-projects-ui="v2"] #projects-automations .crm-au-row-main { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; color: inherit; text-align: left; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-row-main::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-row-main:focus-visible { outline: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-row-main:focus-visible::after { outline: 2px solid var(--pj-v2-focus); outline-offset: 2px; }
[data-projects-ui="v2"] #projects-automations .crm-au-side { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
[data-projects-ui="v2"] #projects-automations .crm-au-more { display: grid; place-items: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: none; color: var(--pj-muted); cursor: pointer; transition: background calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-more:hover { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-au-dot { width: 9px; height: 9px; border-radius: 50%; background: #e0a030; box-shadow: 0 0 0 3px var(--au-a-bg); flex: none; }
/* Details stay out of the way until the row is pointed at, focused with the keyboard, or Details is on. */
[data-projects-ui="v2"] #projects-automations .crm-au-meta { position: absolute; left: 24px; right: 24px; bottom: 5px; display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--pj-muted); white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity calc(.3s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-row:is(:hover, :has(:focus-visible)), .crm-au-list.is-details .crm-au-row) .crm-au-meta { opacity: 1; }
[data-projects-ui="v2"] #projects-automations :is(.crm-au-row:is(:hover, :has(:focus-visible)), .crm-au-list.is-details .crm-au-row) .crm-au-dot { display: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-title { margin-right: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-projects-ui="v2"] #projects-automations .crm-au-tag { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-au-tag::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #9aa5b6; }
[data-projects-ui="v2"] #projects-automations .crm-au-upd { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: var(--au-a-bg); color: var(--au-a); font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-upd .crm-au-i { width: 12px; height: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-av { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--pj-accent); color: #fff; font-size: 11px; font-weight: 600; flex: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-menu { position: absolute; right: 14px; top: 58px; z-index: 5; min-width: 170px; padding: 6px; border: 1px solid var(--pj-line); border-radius: 10px; background: var(--pj-surface); box-shadow: 0 12px 30px rgba(32, 41, 56, .18); animation: crm-au-fade calc(.25s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-menu button { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--pj-ink); text-align: left; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-menu button:hover:not(:disabled) { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-au-menu .crm-au-i { width: 16px; height: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-au-none { padding: 30px; text-align: center; color: var(--pj-muted); }
/* Delete: red menu item, in-page confirmation, Undo notice and the Deleted view. */
[data-projects-ui="v2"] #projects-automations .crm-au-menu button.is-danger { margin-top: 5px; color: var(--pj-danger); box-shadow: 0 -1px 0 var(--pj-line); border-radius: 0 0 8px 8px; }
[data-projects-ui="v2"] #projects-automations .crm-au-menu button.is-danger:hover:not(:disabled) { background: var(--pj-danger-soft); }
[data-projects-ui="v2"] #projects-automations .crm-au-btn.is-danger { background: var(--pj-danger); border-color: var(--pj-danger); color: #fff; }
[data-projects-ui="v2"] #projects-automations .crm-au-btn.is-danger:hover:not(:disabled) { background: #ad2f2f; border-color: #ad2f2f; }
[data-projects-ui="v2"] #projects-automations .crm-au-modal { position: fixed; inset: 0; z-index: 2300; display: grid; place-items: center; padding: 24px; background: rgba(20, 28, 40, .45); animation: crm-au-fade calc(.2s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-dialog { width: min(440px, 100%); padding: 24px; border-radius: 14px; background: var(--pj-surface); color: var(--pj-ink); box-shadow: 0 24px 60px rgba(20, 28, 40, .30); }
[data-projects-ui="v2"] #projects-automations .crm-au-dialog h4 { margin: 0 0 10px; font-size: 18px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-dialog p { margin: 0; color: var(--pj-muted); line-height: 1.5; overflow-wrap: anywhere; }
[data-projects-ui="v2"] #projects-automations .crm-au-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
[data-projects-ui="v2"] #projects-automations .crm-au-undo { display: flex; align-items: center; gap: 10px; margin: 14px 0 12px; padding: 8px 8px 8px 14px; border: 1px solid var(--pj-line); border-radius: 10px; background: var(--pj-surface); color: var(--pj-ink); font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-undo .crm-au-i { width: 16px; height: 16px; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations .crm-au-undo span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-projects-ui="v2"] #projects-automations .crm-au-undo .crm-au-btn { padding: 5px 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-trow { display: flex; align-items: center; gap: 24px; padding: 18px 24px; border: 1px dashed var(--pj-line-strong, var(--pj-line)); border-radius: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-tmain { flex: 1; min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-tmain .crm-au-sent { opacity: .6; filter: grayscale(1); }
[data-projects-ui="v2"] #projects-automations .crm-au-tmain p { margin: 8px 0 0; font-size: 12px; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations .crm-au-seebin { margin: 4px 0 0; text-align: center; }
[data-projects-ui="v2"] #projects-automations .crm-au-skel { height: 92px; border-radius: 12px; background: #e9edf2; animation: crm-au-breathe calc(1.6s * var(--au-s)) ease-in-out infinite alternate; }
/* Motion 13: the empty sentence plays once: an automation is "when ..., then ...". */
[data-projects-ui="v2"] #projects-automations .crm-au-empty { display: grid; justify-items: center; gap: 16px; padding: 60px 0 30px; text-align: center; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty .crm-au-sent { justify-content: center; font-size: 20px; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty .crm-au-blk { padding: 8px 14px 8px 10px; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty h4 { margin: 0; font-size: 18px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty p { margin: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty .crm-au-then { transition: color calc(.5s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-empty.is-intro .crm-au-first { background: var(--c); color: #fff; transition-duration: calc(.6s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-empty.is-intro .crm-au-then { color: var(--pj-ink); transition-delay: calc(.8s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-empty.is-intro .crm-au-second { transition-delay: calc(1.4s * var(--au-s)); transition-duration: calc(.6s * var(--au-s)); border-style: solid; }
[data-projects-ui="v2"] #projects-automations .crm-au-empty.is-still * { transition: none; }

/* Create */
[data-projects-ui="v2"] #projects-automations .crm-au-create { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 28px; }
[data-projects-ui="v2"] #projects-automations .crm-au-cats { display: grid; gap: 2px; align-content: start; }
[data-projects-ui="v2"] #projects-automations .crm-au-cats button { display: flex; justify-content: space-between; gap: 8px; margin: 0; padding: 9px 12px; border: 0; border-radius: 8px; background: none; color: var(--pj-muted); font-weight: 500; text-align: left; cursor: pointer; transition: background calc(.25s * var(--au-s)), color calc(.25s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-cats button:hover { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-au-cats button[aria-pressed="true"] { background: var(--au-g-bg); color: var(--au-g); }
[data-projects-ui="v2"] #projects-automations .crm-au-cats button span { font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
[data-projects-ui="v2"] #projects-automations .crm-au-tcard { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 150px; margin: 0; padding: 18px 18px 16px; border: 1px solid var(--pj-line); border-radius: 12px; background: var(--pj-surface); transition: border-color calc(.25s * var(--au-s)), box-shadow calc(.25s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-tcard:is(:hover, :focus-within) { border-color: var(--pj-accent); box-shadow: 0 6px 18px rgba(23, 112, 79, .12); }
[data-projects-ui="v2"] #projects-automations .crm-au-cat { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--au-soft); }
[data-projects-ui="v2"] #projects-automations .crm-au-use { margin-top: auto; align-self: flex-start; opacity: 0; transition: opacity calc(.3s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-tcard:is(:hover, :focus-within) .crm-au-use { opacity: 1; }
[data-projects-ui="v2"] #projects-automations .crm-au-tcard.is-scratch { justify-content: center; align-items: center; border-style: dashed; color: var(--au-g); font-weight: 600; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-scratch-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--au-g-bg); }
/* Builder: one sentence line per step; a block or a bold value opens a small list to change it. */
[data-projects-ui="v2"] #projects-automations .crm-au-builder { max-width: 920px; margin: 0 auto; }
[data-projects-ui="v2"] #projects-automations .crm-au-back { margin: 0 0 16px -14px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bhead { display: flex; align-items: center; gap: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-name { flex: 1; min-width: 0; margin: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-name input { width: 100%; min-height: 0; padding: 4px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; box-shadow: none; color: var(--pj-ink); font-size: 24px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-name input:hover { border-bottom-color: var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-name input:focus { outline: 0; border-bottom-color: var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations .crm-au-edmenu { position: relative; flex: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-edmenu .crm-au-menu { top: 38px; right: 0; min-width: 240px; white-space: nowrap; }
[data-projects-ui="v2"] #projects-automations .crm-au-menu button:disabled, [data-projects-ui="v2"] #projects-automations .crm-au-pop button:disabled { opacity: .45; cursor: default; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin-top: 6px; font-size: 13px; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta label { display: inline-flex; flex: none; align-items: center; gap: 6px; width: auto; margin: 0; font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta :is(input, select) { width: auto; min-height: 0; padding: 2px; border: 0; border-bottom: 1px dashed #b9c3d1; border-radius: 0; background-color: transparent; box-shadow: none; color: var(--pj-ink); font-size: 13px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta input { width: 150px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta select { padding-right: 20px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta :is(input, select):focus { outline: 0; border-bottom: 1px solid var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta .crm-auto-version-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 0 auto; padding: 0; border: 0; font-size: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta .crm-auto-version-summary dl { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta .crm-auto-version-summary dl > div { display: flex; gap: 4px; }
[data-projects-ui="v2"] #projects-automations .crm-au-bmeta .crm-auto-version-summary :is(dt, dd) { margin: 0; font-weight: 400; }
[data-projects-ui="v2"] #projects-automations .crm-au-build { margin: 30px 0 0; padding: 0; border: 0; min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-lines { display: block; margin: 0; padding: 0; list-style: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-line { position: relative; margin: 0; padding: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-line::marker { content: ""; }
[data-projects-ui="v2"] #projects-automations .crm-au-build > .crm-au-lines > .crm-au-line::before { content: "\2193"; display: block; padding: 0 0 0 4px; color: #b3bccb; font-size: 16px; line-height: 1.4; }
[data-projects-ui="v2"] #projects-automations .crm-au-lrow { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-lw { flex: none; width: 58px; padding-top: 5px; color: var(--pj-ink); font-size: 19px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-build .crm-au-sent { flex: 1; min-width: 0; font-size: 19px; }
[data-projects-ui="v2"] #projects-automations .crm-au-onlyif { padding: 0 0 6px 70px; }
[data-projects-ui="v2"] #projects-automations .crm-au-build :is(.crm-au-onlyif, .crm-au-branch) .crm-au-sent { font-size: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-au-branch { margin: 0 0 0 82px; padding: 0 0 0 20px; border-left: 2px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-branch .crm-au-branch { margin-left: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-else { align-items: center; padding: 6px 0 6px 70px; font-size: 16px; }
[data-projects-ui="v2"] #projects-automations .crm-au-branch .crm-au-else { padding-left: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-else .crm-au-tools { margin-left: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-hint { color: var(--au-soft); font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-tools { flex: none; display: flex; gap: 2px; margin-left: auto; opacity: .4; transition: opacity calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-lrow:is(:hover, :focus-within) > .crm-au-tools { opacity: 1; }
[data-projects-ui="v2"] #projects-automations .crm-au-tool { display: grid; place-items: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--pj-muted); cursor: pointer; transition: background calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-tool:hover { background: var(--pj-raised); color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-automations .crm-au-tool .crm-au-i { width: 17px; height: 17px; }
[data-projects-ui="v2"] #projects-automations .crm-au-pk { position: relative; display: inline-flex; }
[data-projects-ui="v2"] #projects-automations .crm-au-build button:is(.crm-au-blk, .crm-au-val) { margin: 0; font-size: inherit; line-height: inherit; box-shadow: none; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-build button.crm-au-blk { border-top: 0; border-right: 0; border-bottom: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-build button.crm-au-blk:is(:hover, [aria-expanded="true"]) { background: var(--c); color: #fff; }
[data-projects-ui="v2"] #projects-automations .crm-au-build button.crm-au-val { border-top: 0; border-right: 0; border-left: 0; border-radius: 0; background: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-build button.crm-au-val:is(:hover, [aria-expanded="true"]) { color: var(--c); border-bottom-color: var(--c); }
[data-projects-ui="v2"] #projects-automations .crm-au-val.is-soft { color: var(--au-soft); font-weight: 500; }
[data-projects-ui="v2"] #projects-automations .crm-au-val.is-op { color: var(--pj-muted); font-weight: 400; }
[data-projects-ui="v2"] #projects-automations .crm-au-build.is-checked .crm-au-val.is-blank { color: var(--au-a); border-bottom-color: var(--au-a); }
[data-projects-ui="v2"] #projects-automations .crm-au-val.is-picked { animation: crm-au-picked calc(1s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-line.is-new > .crm-au-lrow { animation: crm-au-slide calc(.5s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-pop { position: absolute; top: calc(100% + 6px); left: 0; z-index: 8; display: grid; gap: 2px; min-width: 210px; max-width: 340px; max-height: 320px; overflow: auto; padding: 6px; border: 1px solid var(--pj-line); border-radius: 10px; background: var(--pj-surface); box-shadow: 0 12px 30px rgba(32, 41, 56, .18); font-size: 14px; font-weight: 400; animation: crm-au-fade calc(.25s * var(--au-s)) var(--au-ease); }
[data-projects-ui="v2"] #projects-automations .crm-au-pop.is-end { left: auto; right: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-pop button { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 8px 10px; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--pj-ink); font-size: 14px; font-weight: 400; text-align: left; white-space: nowrap; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-pop button:hover:not(:disabled) { background: var(--pj-raised); }
[data-projects-ui="v2"] #projects-automations .crm-au-pop button[aria-pressed="true"] { background: var(--au-g-bg); color: var(--au-g); font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-pop button.is-danger { margin-top: 4px; border-top: 1px solid var(--pj-line); border-radius: 0 0 8px 8px; color: #a23b3b; }
[data-projects-ui="v2"] #projects-automations .crm-au-pop .crm-au-i { width: 16px; height: 16px; flex: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-popf { display: grid; gap: 6px; margin: 0; padding: 6px; font-size: 12px; color: var(--pj-muted); white-space: normal; }
[data-projects-ui="v2"] #projects-automations .crm-au-popf :is(input, textarea) { box-sizing: border-box; width: 100%; min-width: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-pop:has(.crm-au-popf) { width: 260px; }
[data-projects-ui="v2"] #projects-automations .crm-au-popsep { padding: 8px 10px 2px; font-size: 12px; color: var(--pj-muted); }
[data-projects-ui="v2"] #projects-automations .crm-au-units { display: flex; gap: 4px; padding: 0 6px 6px; }
[data-projects-ui="v2"] #projects-automations .crm-au-units button { width: auto; flex: 1; justify-content: center; border: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-add { margin: 0; padding: 2px 4px; border: 0; background: none; box-shadow: none; color: var(--au-soft); font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: color calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-add:hover { color: var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations .crm-au-cond { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; }
[data-projects-ui="v2"] #projects-automations .crm-au-adds { display: inline-flex; flex: none; gap: 6px; white-space: nowrap; }
[data-projects-ui="v2"] #projects-automations .crm-au-join { margin: 0; padding: 0 1px; border: 0; border-bottom: 1px dotted var(--pj-muted); border-radius: 0; background: none; box-shadow: none; color: var(--pj-muted); font-size: inherit; font-weight: 500; cursor: pointer; }
[data-projects-ui="v2"] #projects-automations .crm-au-join:hover { color: var(--pj-ink); border-bottom-color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-automations .crm-au-x { position: absolute; top: -9px; right: -11px; display: grid; place-items: center; width: 18px; height: 18px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none; color: var(--au-soft); cursor: pointer; opacity: 0; transition: opacity calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-cond:is(:hover, :focus-within) > .crm-au-x { opacity: 1; }
[data-projects-ui="v2"] #projects-automations .crm-au-x { background: var(--pj-surface); border: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-x:hover { background: var(--pj-raised); color: var(--pj-ink); }
[data-projects-ui="v2"] #projects-automations .crm-au-x .crm-au-i { width: 12px; height: 12px; }
[data-projects-ui="v2"] #projects-automations .crm-au-addline { margin: 14px 0 0 70px; }
[data-projects-ui="v2"] #projects-automations .crm-au-addbtn { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 16px; border: 1.5px dashed #b9c3d1; border-radius: 10px; background: none; box-shadow: none; color: var(--pj-muted); font-weight: 500; cursor: pointer; transition: border-color calc(.2s * var(--au-s)), color calc(.2s * var(--au-s)); }
[data-projects-ui="v2"] #projects-automations .crm-au-addbtn:is(:hover, [aria-expanded="true"]) { border-color: var(--pj-accent); color: var(--pj-accent); }
[data-projects-ui="v2"] #projects-automations .crm-au-builder .crm-auto-validation { margin: 18px 0 0 70px; color: var(--au-a); font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-builder .crm-auto-validation :is(p, ul) { margin: 0; color: inherit; }
[data-projects-ui="v2"] #projects-automations .crm-au-builder .crm-auto-validation ul { padding-left: 18px; }
/* Three steps in order: save, try it on a task, switch on. */
[data-projects-ui="v2"] #projects-automations .crm-au-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; margin: 34px 0 0; padding: 22px 0 0; border-top: 1px solid var(--pj-line); list-style: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-flow li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; max-width: 100%; margin: 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-flow .crm-au-btn { display: inline-block; max-width: min(320px, 100%); overflow: hidden; text-overflow: ellipsis; }
[data-projects-ui="v2"] #projects-automations .crm-au-flow li::marker { content: ""; }
[data-projects-ui="v2"] #projects-automations .crm-au-num { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #b9c3d1; border-radius: 50%; color: var(--pj-muted); font-size: 12px; font-weight: 600; flex: none; }
[data-projects-ui="v2"] #projects-automations .crm-au-flow li.is-done .crm-au-num { border-color: var(--pj-accent); background: var(--pj-accent); color: #fff; }
[data-projects-ui="v2"] #projects-automations .crm-au-num .crm-au-i { width: 13px; height: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-stepname { color: var(--pj-muted); font-size: 13px; }
[data-projects-ui="v2"] #projects-automations .crm-au-btn:disabled { opacity: .5; cursor: default; }
[data-projects-ui="v2"] #projects-automations .crm-au-builder [data-auto-preview] { margin-top: 18px; font-size: 14px; }
[data-projects-ui="v2"] #projects-automations .crm-au-builder [data-auto-preview] h4 { margin: 0 0 6px; font-size: 16px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane.is-editor :is(.crm-auto-confirm, .crm-auto-task-search, .crm-auto-history) { max-width: 920px; margin: 22px auto 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--pj-line); }
[data-projects-ui="v2"] #projects-automations .crm-au-pane.is-editor :is(.crm-auto-confirm, .crm-auto-task-search, .crm-auto-history) h4 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane.is-editor .crm-auto-confirm .crm-au-btn { margin: 4px 8px 0 0; }
[data-projects-ui="v2"] #projects-automations .crm-au-pane.is-editor [data-auto-history-definition] .crm-au-build { margin-top: 10px; }
@keyframes crm-au-picked { from { background: var(--c, var(--au-g)); color: #fff; border-bottom-color: transparent; } }
@keyframes crm-au-slide { from { opacity: 0; transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) {
  [data-projects-ui="v2"] #projects-automations :is(.crm-au-top, .crm-au-pane) :is(*, *::before, *::after), [data-projects-ui="v2"] #projects-automations .crm-au-pane { animation: none !important; transition: none !important; }
}
/* Narrow windows: the same screens stack instead of scrolling sideways. */
@media (max-width: 760px) {
  [data-projects-ui="v2"] #projects-automations .crm-au-top { display: flex; flex-wrap: wrap; }
  [data-projects-ui="v2"] #projects-automations .crm-au-pane-head { flex-wrap: wrap; }
  [data-projects-ui="v2"] #projects-automations .crm-au-lrow { flex-wrap: wrap; gap: 6px 8px; }
  [data-projects-ui="v2"] #projects-automations .crm-au-lw { width: auto; }
  [data-projects-ui="v2"] #projects-automations .crm-au-build .crm-au-sent { flex-basis: 100%; font-size: 16px; }
  [data-projects-ui="v2"] #projects-automations .crm-au-build :is(.crm-au-blk, .crm-au-add) { white-space: normal; }
  [data-projects-ui="v2"] #projects-automations :is(.crm-au-onlyif, .crm-au-else, .crm-au-addline, .crm-au-builder .crm-auto-validation) { margin-left: 0; padding-left: 0; }
  [data-projects-ui="v2"] #projects-automations .crm-au-branch { margin-left: 2px; padding-left: 10px; }
  [data-projects-ui="v2"] #projects-automations .crm-au-back { margin-left: 0; }
  [data-projects-ui="v2"] #projects-automations .crm-au-bmeta .crm-auto-version-summary { margin-left: 0; }
  [data-projects-ui="v2"] #projects-automations .crm-au-pop { max-width: calc(100vw - 56px); }
  [data-projects-ui="v2"] #projects-automations .crm-au-pop button { white-space: normal; }
  [data-projects-ui="v2"] #projects-automations .crm-au-flow .crm-au-btn { max-width: 100%; }
  [data-projects-ui="v2"] #projects-automations :is(.crm-au-create, .crm-au-tgrid) { grid-template-columns: minmax(0, 1fr); }
  [data-projects-ui="v2"] #projects-automations .crm-au-search:is(:hover, :focus-within, .has-text) { width: min(260px, 100%); }
  [data-projects-ui="v2"] #projects-automations .crm-au-pills { max-width: 100%; flex-wrap: wrap; }
  [data-projects-ui="v2"] #projects-automations .crm-au-row { padding: 16px 14px 28px; gap: 10px 12px; }
  [data-projects-ui="v2"] #projects-automations .crm-au-meta { left: 14px; right: 14px; overflow: hidden; }
  [data-projects-ui="v2"] #projects-automations .crm-au-lead { white-space: normal; }
}