.project-archive-reference{padding:16px}
.project-archive-reference .toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.project-archive-reference .toolbar .search{flex:1;max-width:680px}
.project-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,290px));align-items:start;gap:16px}
.project-archive-card{display:flex;min-height:170px;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);opacity:.9}
.project-archive-card h3{margin:0;color:var(--muted);font-size:14px;line-height:1.35}
.project-archive-card p{margin:0;color:var(--muted);font-size:11px}
.project-archive-card .project-archive-status{margin-top:auto;color:var(--muted);font-size:10px}
.project-archive-actions{display:flex;align-items:center;gap:8px}
.project-archive-actions [data-project-archive-action="restore"]{min-height:30px;padding:4px 10px;background:var(--brand);color:#fff;font-size:11px;font-weight:700}
.project-archive-actions [data-project-archive-action="delete"]{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted)}
.project-archive-actions [data-project-archive-action="delete"]:hover{border-color:var(--danger);color:var(--danger)}
.project-archive-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 2px}
.project-archive-pager button{min-width:90px}
.project-archive-pager output{min-width:100px;text-align:center;color:var(--muted)}
@media(max-width:960px){.project-archive-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:600px){.project-archive-reference{padding:10px}.project-archive-reference .toolbar{align-items:stretch;flex-direction:column}.project-archive-reference .toolbar .search{max-width:none}.project-archive-grid{grid-template-columns:minmax(0,1fr)}}