.header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.admin-link {
  padding: 7px 11px;
  border-radius: 9px;
  background: #e8eee9;
  font-size: 13px;
  font-weight: 650;
}

.catalog-fullscreen {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: 1px solid #dedfd8;
  border-radius: 9px;
  background: #182c35;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
}

.catalog-fullscreen b { font-size: 16px; line-height: 1; }
#catalog-fullscreen { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 10; box-shadow: 0 4px 18px #0003; }
.detail-controls { position: sticky; top: 12px; z-index: 3; display: flex; justify-content: flex-end; align-items: center; gap: 8px; height: 42px; margin: 12px 12px -54px; pointer-events: none; }
.detail-controls button { pointer-events: auto; }
.detail-controls .detail-fullscreen { position: static; margin: 0; box-shadow: 0 3px 12px #0002; }
.detail-controls .close { position: static; flex: 0 0 42px; }

@media (max-width: 600px) {
  .header-actions { gap: 9px; }
  .admin-link { padding: 6px 9px; font-size: 12px; }
  .catalog-fullscreen { padding: 7px 9px; }
  .catalog-fullscreen span { display: none; }
}
