.project-link{text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list .project-item{position:relative;display:flex;align-items:center;gap:5px;min-height:42px;padding-right:8px;border-radius:8px;color:#696877;transition:background .12s ease,opacity .12s ease,box-shadow .12s ease}.project-list .project-item:hover{background:#f0eefb;color:#3f345e}.project-list .project-item.active{background:#f2f1f6;color:#34313d}.project-list .project-item.active .project-select{font-weight:700}.project-list .project-item .project-select{min-width:0;flex:1 1 auto;padding:10px 0 10px 4px;overflow:hidden;color:inherit;background:transparent;border-radius:8px}.project-list .project-item .project-select:hover{color:inherit;background:transparent}.project-list .project-item .project-select i{flex:none}.project-drag-handle{display:grid!important;place-items:center;flex:none!important;width:20px!important;height:30px;padding:0!important;border-radius:6px!important;color:#aaa4b3!important;font-size:13px;font-weight:700!important;line-height:1;letter-spacing:-2px;touch-action:none}.project-drag-handle:hover,.project-drag-handle:focus-visible{background:#e9e5f6!important;color:#5b46b6!important}.project-list .project-item .project-settings{display:grid;place-items:center;width:26px;height:26px;flex:none;padding:0;border-radius:6px;color:#777;background:transparent;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,background .12s ease}.project-list .project-item:hover .project-settings,.project-list .project-item:focus-within .project-settings,.project-list .project-item .project-settings:focus-visible{opacity:1;pointer-events:auto}.project-list .project-item .project-settings:hover{color:#5038bd;background:#e6e0ff}.project-settings-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-active-count{position:relative;display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:9px;background:#e2f5ed;box-shadow:inset 0 0 0 1px rgba(43,155,114,.22);color:#247b5c;font-size:10px;font-weight:800;line-height:1;flex:none}.project-active-count:before{content:'';width:5px;height:5px;border-radius:50%;background:#2b9b72}.project-active-border{position:absolute;inset:0;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;overflow:hidden}.project-active-border:after{content:'';position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;background:conic-gradient(transparent 0 38%,#2b9b72 46% 58%,transparent 66%);transform:translate(-50%,-50%);animation:projectActiveCountBorder 1.6s linear infinite}.project-completion-count,.project-decision-count,.project-failure-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;color:#fff;font-size:10px;font-weight:800;line-height:1;flex:none}.project-completion-count{background:#7357ea}.project-decision-count{background:#d97706;box-shadow:0 0 0 3px #fef3c7}.project-visibility{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;color:#777;background:#eeeef2}.project-visibility-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-visibility.public{color:#278061;background:#e2f5ed}.project-visibility.owner{color:#634bc4;background:#eeeaff}.project-list-empty{min-height:32px;margin:0;padding:9px 10px;border:1px dashed transparent;border-radius:8px;color:#aaa6b0;font-size:10px;text-align:center}.project-type-divider{height:1px;margin:5px 8px;border-top:1px solid #ddd9e7}.project-folder{margin-top:9px;border-top:1px solid #eceaf1;padding-top:7px}.project-folder-summary{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;border-radius:8px;color:#7c7885;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.project-folder-summary::-webkit-details-marker{display:none}.project-folder-summary:hover{background:#f0eefb;color:#4c4163}.project-folder-summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.project-folder-chevron{font-size:18px;line-height:1;transition:transform .15s ease}.project-folder[open] .project-folder-chevron{transform:rotate(90deg)}.project-folder-count{display:grid;place-items:center;min-width:20px;height:18px;margin-left:auto;padding:0 6px;border-radius:9px;background:#ece9f2;color:#77717f;font-size:10px}.project-folder-list{margin-top:3px;padding-left:6px}.project-drop-zone.project-drop-active{background:#eae5fb;box-shadow:inset 0 0 0 1px #b8a8ef}.project-item.project-dragging{z-index:10;opacity:.58;box-shadow:0 8px 20px rgba(47,35,84,.16);pointer-events:none}@keyframes projectActiveCountBorder{to{transform:translate(-50%,-50%) rotate(1turn)}}@media(prefers-reduced-motion:reduce){.project-active-border:after{animation:none;background:#2b9b72;opacity:.55}}@media(max-width:680px){.project-list .project-item .project-settings{opacity:1;pointer-events:auto}.project-drag-handle{width:24px!important;height:34px}}

.project-visibility.guest{color:#9a5b0c;background:#fff1db}
.project-failure-count{background:#c43b4d;box-shadow:0 0 0 3px #ffe7ea}
.project-list{gap:0}
.project-active-count.is-waiting{background:#fff1db;box-shadow:inset 0 0 0 1px rgba(217,119,6,.25);color:#9a5b0c}
.project-active-count.is-waiting:before{background:#d97706}
.project-active-count.is-waiting .project-active-border{display:none}.project-active-count.is-waiting .project-active-border:after{animation:none}

.project-list .project-item{transition:opacity .12s ease,box-shadow .12s ease}
.project-list .project-item .project-settings{transition:color .12s ease,background .12s ease}

.project-deployment-fields{display:grid;min-width:0;gap:12px}
.project-deployment-fields [hidden]{display:none}
.project-deployment-fields label{min-width:0}
.project-deployment-fields input,.project-deployment-fields select{width:100%;min-width:0}
.project-deployment-note{margin:0;color:var(--muted);font-size:11px;line-height:1.45}

@media(min-width:681px){
  .project-list .project-item .project-settings{position:absolute;z-index:1;right:6px}
  .project-list .project-item .project-visibility{transition:none}
  .project-list .project-item:hover .project-visibility,.project-list .project-item:focus-within .project-visibility{opacity:0}
}