@media (max-width: 760px) {
  .nav-link.admin-link.hidden { display: none !important; }
  .nav-link.admin-link:not(.hidden) { display: flex !important; }
}

.profile-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-decoration-color: #e8b58e;
  text-underline-offset: 3px;
}
.profile-link:hover { color: #cf682a; }
.community-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.community-pagination .row-sub { margin-right: auto; }
.community-pagination button:disabled { opacity: .45; cursor: not-allowed; }
.detail-dialog { width: min(680px, calc(100vw - 28px)); max-height: min(82vh, 820px); overflow: auto; border: 1px solid #eee3d8; border-radius: 16px; padding: 28px; color: var(--ink); background: #fffdf9; box-shadow: 0 24px 80px #24170e33; }
.detail-dialog::backdrop { background: #20170fcc; backdrop-filter: blur(3px); }
.detail-close { position: sticky; float: right; top: 0; border: 0; border-radius: 50%; width: 32px; height: 32px; background: #f6eee4; color: var(--ink); font-size: 22px; line-height: 1; }
.detail-image { display: block; width: 100%; max-height: 380px; object-fit: contain; border-radius: 12px; background: #f7f2ea; margin: 18px 0; }
.detail-facts { display: flex; align-items: center; gap: 12px; color: #766d62; font-size: 12px; }
.detail-comment { border-left: 3px solid #e99a61; padding: 10px 14px; background: #fff7ef; line-height: 1.6; }
.detail-fields { display: grid; gap: 8px; }
.detail-fields div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid #f0e8df; }
.detail-fields dt { color: #847a6e; }
.detail-fields dd { margin: 0; font-weight: 600; }
.detail-history { margin: 12px 0; padding: 12px; border-radius: 9px; background: #f8f4ee; }
.detail-history small { display: block; color: #948b81; margin-top: 4px; }
.detail-history pre { overflow: auto; font-size: 10px; }