/* Main navigation, dashboard density and closure controls. */
.topbar nav{min-width:0;max-width:100%}
.topbar .user-chip{display:inline-grid;justify-items:end;gap:1px;min-width:0;max-width:min(240px,42vw);text-align:right;line-height:1.25}
.user-chip-name,.user-chip-role{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip-role{font-size:11px;color:#aeb9c8;font-weight:600}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin:0 0 14px}
.project-filter{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #b9c4d2;border-radius:999px;background:#fff;color:var(--navy);font-size:13px;font-weight:700;text-decoration:none;min-width:0}
.project-filter:hover{background:#edf2f8}
.project-filter.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.project-filter-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#edf2f8;color:#52647a;font-size:11px}
.project-filter.is-active .project-filter-count{background:rgba(255,255,255,.18);color:#fff}
.search-form{min-width:0}
.search-form .search-field{min-width:0}
.project-list{min-width:0}
.project-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,190px) minmax(0,150px) auto;align-items:center;gap:12px;min-width:0;max-width:100%;overflow:hidden}
.project-row>*{min-width:0}
.project-main{min-width:0}
.project-main strong,.project-main small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-created{color:var(--muted);font-size:11px;line-height:1.35}
.project-meta{display:grid;justify-items:end;gap:2px;min-width:0;max-width:100%;text-align:right}
.project-author{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.project-role{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.35}
.project-progress{min-width:0}
.project-closure-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;max-width:100%}
.closure-form{display:flex;min-width:0;max-width:100%;margin:0}
.closure-form[hidden]{display:none!important}
.closure-form .button{white-space:normal;padding:9px 12px;font-size:12px;line-height:1.25}
.note-history{display:grid;gap:7px;margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;min-width:0}
.note-history-label{display:grid;gap:5px;font-size:12px;font-weight:700;min-width:0}
.note-history select{min-width:0;max-width:100%;padding:8px 10px;font-size:12px}
.note-history-meta,.note-history-caption{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.note-history-preview{max-height:260px;overflow:auto;margin:2px 0 0;padding:10px 12px;border:1px solid #d8e0e9;border-radius:8px;background:#fff;font:inherit;font-weight:400;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}
@media(max-width:850px){
  .topbar nav{gap:12px}
  .topbar .user-chip{max-width:min(220px,48vw)}
  .project-row{grid-template-columns:auto minmax(0,1fr) auto}
  .project-progress{grid-column:2}
  .project-meta{grid-column:2;grid-row:2;justify-items:start;text-align:left}
  .project-row>.arrow{grid-column:3;grid-row:1 / span 3}
}