.project-coverage-note { font-size: 12px; line-height: 1.7; margin: 0; max-width: 1050px; }
.project-workspace-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.project-workspace-layout.has-detail { grid-template-columns: minmax(0, 1fr) 350px; }
.project-directory { min-width: 0; }
.project-list-item { display: flex; align-items: center; gap: 16px; padding: 20px 16px; width: 100%; background: transparent; color: var(--foreground); border: 0; border-bottom: 1px solid var(--border); text-align: left; cursor: pointer; font: inherit; font-size: 12px; }
.project-list-item:last-child { border-bottom: 0; }
.project-list-item:hover, .project-list-item.selected { background: var(--primary-subtle); }
.project-list-item:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
.project-list-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; background: var(--primary-subtle); color: var(--primary-strong); border-radius: 5px; font-size: 19px; }
.project-list-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.project-list-name strong { display: block; font-size: 14px; margin-bottom: 5px; }
.project-list-name > span, .project-list-kind, .project-list-health { color: var(--foreground-muted); font-size: 11px; }
.project-list-kind { width: 75px; }
.project-list-health { width: 110px; }
.project-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.project-actions a { justify-content: space-between; white-space: normal; }
.project-capabilities { border-top: 1px solid var(--border); margin-top: 20px; padding-top: 16px; font-size: 12px; color: var(--foreground-muted); overflow-wrap: anywhere; }
.project-capabilities summary { cursor: pointer; }
.project-capabilities ul { padding-left: 18px; line-height: 1.8; }
@media (max-width: 1200px) { .project-workspace-layout.has-detail { grid-template-columns: minmax(0, 1fr); } .project-inspector { grid-row: 1; } }
@media (max-width: 768px) { .project-list-item { flex-wrap: wrap; gap: 10px; } .project-list-name { flex-basis: calc(100% - 58px); } .project-list-kind { margin-left: 48px; } .project-list-health { flex: 1; } }