.project-progress{display:flex;align-items:center;gap:8px;min-width:120px}.project-progress__bar{flex:1;height:8px;border-radius:999px;background:#e7eaee;overflow:hidden}.project-progress__bar span{display:block;height:100%;background:#2f7d4a;border-radius:999px}.project-progress__label{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.project-pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #d7dce1;background:#fff;font-size:.72rem;font-weight:700;color:#41566e;white-space:nowrap}.project-pill--urgent{background:#fff0f1;border-color:#f2bfc2;color:#8e1920}.project-pill--high{background:#fff6e8;border-color:#f1d3a1;color:#7a4b00}.project-pill--low{color:#6b7785}.project-pill--complete{background:#eef8f1;border-color:#bfe0c9;color:#246b3c}.project-pill--cancelled{color:#8a939d;text-decoration:line-through}.project-overdue{color:#9b2c2c;font-weight:700}.project-notes{list-style:none;margin:0;padding:0;display:grid;gap:10px}.project-notes li{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.project-notes__meta{display:block;margin-bottom:4px;font-size:.74rem;color:var(--muted)}.project-notes__body{white-space:pre-line;line-height:1.5}.project-note-form{display:grid;gap:8px;margin-bottom:12px}.project-note-form textarea{width:100%;min-height:76px;border:1px solid #cfd4d9;border-radius:10px;padding:10px 12px;font:inherit}.project-note-form .btn{justify-self:start}.project-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.project-filters form{display:flex;gap:8px;margin-left:auto}.project-filters input[type=search],.project-filters select{min-height:34px;border:1px solid #cfd4d9;border-radius:8px;padding:4px 10px;font:inherit;font-size:.85rem}.project-muted{color:var(--muted);font-size:.8rem}.project-inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.project-inline-form .record-field{min-width:150px}.assignee-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}@media(max-width:620px){.assignee-picker{grid-template-columns:1fr}}