.sidebar{overflow-y:auto}.sidebar .nav-label{margin-top:18px}.work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px}.work-count{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;background:#f3f7f3;border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink);cursor:pointer}.work-count strong{font-size:28px}.work-count:hover{border-color:#467c60;background:#eaf2e9}.metric-note{font-size:12px;margin:-8px 0 22px}.list-filters{display:flex;align-items:center;gap:12px;padding:18px;flex-wrap:wrap}.list-filters input,.list-filters select{margin:0;width:auto}.list-filters input{min-width:220px;flex:1}.list-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px;flex-wrap:wrap}.list-pager span{font-size:12px;color:var(--muted);margin-right:auto}.list-pager select{width:80px;margin:0}.table-wrap td small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.archive-tabs{position:sticky;top:0;background:#f8faf7e8;backdrop-filter:blur(8px);padding:12px 0;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;overflow-wrap:anywhere}.form-section{margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}[id^=archive-]{scroll-margin-top:90px}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.work-count:focus-visible,.archive-tabs button:focus-visible{outline:3px solid #88ad79;outline-offset:3px}
@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.work-count{padding:14px}.list-filters{padding:14px;gap:8px}.list-filters input{width:100%;min-width:0;flex-basis:100%}.list-filters select{flex:1;min-width:110px}.detail-grid{grid-template-columns:100px minmax(0,1fr)}.archive-tabs{position:static}.archive-tabs button{flex:1;white-space:nowrap}.list-pager{gap:8px}.topbar .user-name{display:none}}
@media(max-width:700px){.heading>.actions{max-width:none;width:100%;justify-content:flex-start;display:flex;flex-wrap:wrap;gap:8px}.heading>.actions button{flex:1 1 calc(50% - 8px);font-size:12px;padding:9px 10px}.heading>div:first-child{width:100%}.table-wrap td:first-child{max-width:210px;white-space:normal;min-width:150px}}
.download-summary{padding:15px 20px;cursor:pointer;color:var(--green);font-size:12px;font-weight:600}.form-section-title{padding-top:14px;margin-top:20px;border-top:1px solid var(--line)}
