.reference-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.reference-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,.35fr) auto;gap:12px;align-items:end;margin-bottom:20px}.reference-filters button{width:auto;min-width:130px}.reference-directory,.reference-import{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.reference-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#fafbf8;border-bottom:1px solid var(--line)}.reference-heading h2{margin:0}.reference-heading span{font-weight:900;color:var(--green)}.reference-row{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(220px,1fr) minmax(330px,1.5fr);gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.reference-row:last-child{border-bottom:0}.reference-identity{display:flex;align-items:center;gap:12px;min-width:0}.reference-identity div{display:grid;gap:4px;min-width:0}.reference-identity b{font-size:16px;overflow-wrap:anywhere}.reference-identity small{display:block}.reference-status{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;font-size:18px;font-weight:1000}.reference-status.ready{background:var(--green2);color:var(--green)}.reference-status.incomplete{background:#f7e3e1;color:var(--red)}.reference-status.archived{background:#e7e9e8;color:#68736e}.reference-norm{color:var(--muted);font-size:13px;line-height:1.45}.reference-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.reference-actions>*{width:auto;margin:0}.reference-actions .button,.reference-actions button{width:auto;min-height:36px;padding:7px 11px;font-size:13px}.reference-actions details{min-width:0}.reference-actions details[open]{flex-basis:100%;width:100%}.reference-actions details>summary{list-style:none}.reference-actions details>summary::-webkit-details-marker{display:none}.reference-actions details>form{position:static;width:100%;max-width:420px;margin-top:8px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px rgba(20,40,31,.22)}.reference-import{padding:22px;display:grid;gap:16px}.reference-import h2{margin-bottom:6px}.reference-import p{margin:0}.reference-import-actions{display:flex;flex-wrap:wrap;gap:10px}.reference-import-actions>*{width:auto;min-width:170px}.reference-import .notice{margin:0}
@media(max-width:900px){.reference-row{grid-template-columns:1fr}.reference-filters{grid-template-columns:1fr 1fr}.reference-filters button{width:100%;grid-column:1/-1}}
@media(max-width:560px){.reference-toolbar,.reference-import-actions{display:grid}.reference-toolbar .button,.reference-import-actions>*{width:100%}.reference-filters{grid-template-columns:1fr}.reference-filters button{grid-column:auto}.reference-row{padding:16px}.reference-actions{display:grid;grid-template-columns:1fr 1fr}.reference-actions>*{width:100%}.reference-actions .button,.reference-actions button{width:100%}.reference-actions details[open]{grid-column:1/-1}.reference-import{padding:18px}}