/* v1.31.8 — file types should scan as different tools, not different colors. */
.project-canvas-card.canvas-kind-flow,
.project-canvas-card.canvas-kind-note,
.project-canvas-card.canvas-kind-todo{border-top-width:1px!important;border-top-color:var(--line)!important}
.project-canvas-card.canvas-kind-flow{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 48%,transparent),0 8px 24px color-mix(in srgb,var(--ink) 5%,transparent)!important}
.project-canvas-card.canvas-kind-note{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--accent) 30%,transparent),0 8px 24px color-mix(in srgb,var(--ink) 5%,transparent)!important}
.project-canvas-card.canvas-kind-todo{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 24%,transparent),inset 0 -3px 0 color-mix(in srgb,var(--accent) 24%,transparent),0 8px 24px color-mix(in srgb,var(--ink) 5%,transparent)!important}
.project-canvas-card.project-file-board{border-top:3px solid color-mix(in srgb,var(--accent) 63%,var(--line))!important}

.project-canvas-copy::before{display:inline-flex;width:max-content;align-items:center;margin-bottom:1px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface));color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.095em;line-height:1;text-transform:uppercase}
.canvas-kind-flow .project-canvas-copy::before{content:"Flow"}
.canvas-kind-note .project-canvas-copy::before{content:"Note"}
.canvas-kind-todo .project-canvas-copy::before{content:"Todo"}
.project-file-board .project-file-kind{display:inline-flex;width:max-content;align-items:center;margin:0 0 1px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface));line-height:1}

.project-canvas-card.canvas-kind-flow .type{width:32px;height:32px;border-radius:50%;border-style:dashed}
.project-canvas-card.canvas-kind-note .type{width:32px;height:35px;border-radius:7px 7px 11px 7px}
.project-canvas-card.canvas-kind-todo .type{width:33px;height:33px;border-radius:10px}
.project-canvas-card.project-file-board .type{width:34px;height:34px;border-radius:9px}
.project-canvas-card .project-canvas-copy{gap:5px}
.project-canvas-card .project-canvas-copy small{max-width:34ch}
@media(max-width:800px){.project-canvas-card .project-canvas-copy small{max-width:none}}
