/* BlueSignal Silk — sighting detail. Presentation only; behavior stays in detail.v1.js. */
.report-detail {
  max-width: 1160px;
  margin-top: clamp(1rem, 3vw, 2rem);
  padding-inline: clamp(.65rem, 2.5vw, 1.25rem);
}

.report-detail__shell {
  padding: clamp(.75rem, 2vw, 1rem);
  overflow: visible;
  background: var(--silk-surface) !important;
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: var(--silk-raised) !important;
}

.report-detail__main,
.report-detail__left,
.report-detail__body,
.report-detail__secondary {
  gap: clamp(.85rem, 2vw, 1rem);
}

.report-detail__cover,
.report-detail__media {
  border: 0;
  border-radius: 20px;
}

.report-detail__cover {
  box-shadow: var(--silk-inset);
}

.report-detail__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.22), inset -1px -1px 0 rgba(2,8,23,.32);
}

.report-detail__cover-id,
.report-detail__cover-icon,
.report-detail__cover-photo-action {
  border: 0;
  background: rgba(11,18,32,.72);
  box-shadow: 4px 5px 12px rgba(2,8,23,.35), inset 1px 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
}

.report-detail__shell .report-detail__body {
  padding: 0;
}

/* Keep every primary detail surface aligned with the full-width cover card. */
.report-detail__left > .report-detail__policy,
.report-detail__body > :is(
  .report-detail__media,
  .report-detail__data-card,
  .report-detail__location-box,
  .report-detail__environment,
  .report-detail__policy
) {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
}

.report-detail__left > .report-detail__policy {
  margin: 0;
}

.report-detail__body > .report-detail__media--covered {
  box-shadow: var(--silk-inset) !important;
}

.report-detail__media-actions {
  right: .75rem;
  bottom: .75rem;
}

.report-detail__media-open-btn {
  border: 0;
  background: color-mix(in srgb, var(--silk-surface) 82%, transparent);
  color: var(--silk-text);
  box-shadow: var(--silk-raised-sm);
  backdrop-filter: blur(10px);
}

.media-lightbox__close {
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.media-lightbox__close::before,
.media-lightbox__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}

.media-lightbox__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.report-detail__data-card,
.report-detail__location-box,
.report-detail__environment,
.report-detail__policy,
.report-detail__species-explorer,
.report-detail__comment-box,
.report-detail__footer {
  color: var(--silk-text);
  background: var(--silk-surface) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: var(--silk-raised-sm) !important;
}

.report-detail__data-card,
.report-detail__location-box,
.report-detail__environment-summary,
.report-detail__policy,
.report-detail__species-explorer,
.report-detail__comment-box {
  padding: clamp(.9rem, 2.5vw, 1.15rem);
}

.report-detail__data-card,
.report-detail__location-box {
  gap: .8rem;
}

.report-detail__section-head h2,
.report-detail__location-title,
.report-detail__environment-title,
.report-detail__comment-title {
  padding: 0;
  color: var(--silk-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: .98rem;
  font-weight: 800;
  letter-spacing: -.025em;
}

.report-detail__section-head p,
.report-detail__environment-copy,
.report-detail__environment-meta,
.report-detail__comment,
.report-detail__comment-accordion-copy,
.report-detail__credit-type,
.report-detail__technical-head,
.report-detail__technical-author,
.report-detail__technical-accordion-help,
.report-detail__validation-help {
  color: var(--silk-muted) !important;
}

.report-detail__info {
  gap: .7rem;
}

.report-detail__info > div,
.report-detail__environment-group,
.report-detail__technical-accordion,
.report-detail__technical-item,
.report-detail__validation-item {
  color: var(--silk-text);
  background: var(--silk-surface) !important;
  border: 0 !important;
  border-radius: 15px;
  box-shadow: var(--silk-inset);
}

.report-detail__info > div {
  min-height: 92px;
  padding: .85rem;
  align-content: center;
}

.report-detail__info dt,
.report-detail__environment-metric dt {
  color: var(--silk-muted);
}

.report-detail__info dd {
  color: var(--silk-text);
}

.report-detail__observation-point-pill,
.report-detail__coords-link {
  min-height: 30px;
  padding: .3rem .65rem;
  border: 0;
  background: linear-gradient(135deg, #58a6ff, var(--silk-blue-deep));
  box-shadow: 4px 5px 11px rgba(20,98,210,.25), inset 1px 1px 0 rgba(255,255,255,.28);
}

.report-detail__location-row,
.report-detail__coords-row {
  color: var(--silk-text);
}

.report-detail__environment {
  margin-top: 0;
  overflow: hidden;
}

.report-detail__environment-summary {
  background: transparent;
}

.report-detail__environment-summary::after {
  border-color: var(--silk-blue);
}

.report-detail__environment-panel {
  padding: 0 1.15rem 1.15rem;
  gap: .8rem;
}

.report-detail__environment-group {
  padding: .95rem;
}

.report-detail__environment-group h3 {
  color: var(--silk-blue);
}

.report-detail__environment-chip {
  color: var(--silk-text);
  background: color-mix(in srgb, var(--silk-blue) 11%, var(--silk-surface));
  border: 0;
  box-shadow: inset 2px 2px 5px var(--silk-shadow-dark), inset -2px -2px 5px var(--silk-highlight);
}

.report-detail__policy {
  position: relative;
  overflow: hidden;
}

.report-detail__policy::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #22c55e;
}

.report-detail__policy[data-policy="sensible"]::before,
.report-detail__policy[data-policy="no_molestar"]::before { background: #f59e0b; }
.report-detail__policy[data-policy="en_peligro"]::before { background: #ef4444; }

.report-detail__policy .policy-badge {
  border: 0;
  box-shadow: none;
}

.report-detail__policy-body,
.report-detail__policy-text,
.report-detail__policy-list {
  color: var(--silk-text);
}

.report-detail__policy-title {
  color: var(--silk-muted);
  font-weight: 800;
}

.report-detail__species-explorer-link,
.report-detail__actions .popup-detail,
.report-detail__actions .popup-share {
  min-height: 46px;
  border: 0;
  border-radius: 15px;
}

.report-detail__species-explorer-link,
.report-detail__actions .report-detail__map-link,
.report-detail__actions .popup-share {
  color: #fff !important;
  background: linear-gradient(135deg, #58a6ff, var(--silk-blue-deep));
  box-shadow: 6px 7px 15px rgba(20,98,210,.28), inset 1px 1px 0 rgba(255,255,255,.3);
}

.report-detail__species-explorer-link,
.report-detail__actions .popup-share {
  color: var(--silk-blue) !important;
  background: var(--silk-surface);
  box-shadow: var(--silk-inset);
}

.report-detail__comment-accordion-summary,
.report-detail__technical-accordion-summary {
  color: var(--silk-text);
}

.report-detail__comment-accordion-summary .report-detail__comment-title {
  display: block;
  margin: 0;
}

.report-detail__credit-card:hover,
.report-detail__credit-card:focus-visible,
.report-detail__species-explorer-link:hover,
.report-detail__actions a:hover {
  transform: translateY(-1px);
}

.report-detail__credit-card,
.report-detail__credit-card:hover,
.report-detail__credit-card:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #0284c7) !important;
  box-shadow: 7px 9px 20px rgba(2,35,80,.3), inset 1px 1px 0 rgba(255,255,255,.26) !important;
}

.report-detail__credit-card .report-detail__comment-title,
.report-detail__credit-card .report-detail__credit-name,
.report-detail__credit-card .report-detail__credit-type {
  color: #fff !important;
}

.report-detail__credit-card .report-detail__credit-type {
  background: rgba(255,255,255,.2);
}

.report-detail__species-explorer-link:hover,
.report-detail__species-explorer-link:focus-visible,
.report-detail__actions .popup-share:hover,
.report-detail__actions .popup-share:focus-visible {
  transform: none;
  color: color-mix(in srgb, var(--silk-blue) 82%, var(--silk-text)) !important;
  background: var(--silk-surface);
  box-shadow:
    inset 8px 8px 16px var(--silk-shadow-dark),
    inset -8px -8px 16px var(--silk-highlight);
}

.report-detail__species-explorer-link:active,
.report-detail__actions .popup-share:active {
  transform: translateY(1px);
  box-shadow:
    inset 10px 10px 19px var(--silk-shadow-dark),
    inset -8px -8px 17px var(--silk-highlight);
}

.report-detail__technical-form select,
.report-detail__technical-form textarea,
.report-detail__validation-form {
  color: var(--silk-text);
  background: var(--silk-surface);
  border: 0;
  border-radius: 14px;
  box-shadow: var(--silk-inset);
}

.report-detail__technical-form select,
.report-detail__technical-form textarea {
  min-height: 46px;
  padding: .75rem;
}

.report-detail__footer {
  margin-top: 0;
  padding: 1rem;
}

.report-detail__actions {
  width: 100%;
  justify-content: stretch !important;
}

.report-detail__actions .report-detail__edit-link.popup-detail {
  color: var(--silk-text) !important;
  background: var(--silk-surface);
  box-shadow: var(--silk-raised-sm);
}

@media (min-width: 641px) {
  .report-detail__footer {
    justify-items: end !important;
  }

  .report-detail__actions,
  .report-detail__actions:not(:has(.report-detail__edit-link)) {
    justify-content: end !important;
    margin-inline: auto 0;
    text-align: right !important;
  }
}

.share-modal__backdrop {
  background: rgba(2,8,23,.76);
  backdrop-filter: blur(6px);
}

.share-modal__dialog,
.share-modal .report-share,
.report-share-card {
  color: var(--silk-text);
  background: var(--silk-surface) !important;
  border: 0 !important;
  box-shadow: var(--silk-raised);
}

.share-modal__dialog { border-radius: 24px; }
.share-modal .report-share { border-radius: 22px; }
.report-share-card { border-radius: 18px; box-shadow: var(--silk-inset); }

.share-modal__close {
  border: 0;
  color: var(--silk-text);
  background: var(--silk-surface);
  box-shadow: var(--silk-raised-sm);
}

.report-share__title,
.report-share-card__title { color: var(--silk-text); }
.report-share__text,
.report-share__feedback,
.report-share-card__eyebrow,
.report-share-card__description { color: var(--silk-muted); }

@media (min-width: 1024px) {
  .report-detail__shell { padding: 1rem; }
  .report-detail__cover { border-radius: 20px; }
  .report-detail__secondary { padding: 0; }
}

@media (max-width: 640px) {
  .report-detail { margin-top: .85rem; }
  .report-detail__shell {
    padding: .65rem;
    border-radius: 21px !important;
  }
  .report-detail__cover { border-radius: 17px; }
  .report-detail__shell .report-detail__body { padding: 0; }
  .report-detail__secondary { padding: 0 0 .1rem; }
  .report-detail__info > div {
    min-height: 82px;
    padding: .72rem;
  }
  .report-detail__environment-panel { padding: 0 .9rem .9rem; }
  .report-detail__actions,
  .report-detail__actions:not(:has(.report-detail__edit-link)) {
    grid-template-columns: 1fr;
  }
  .report-detail__actions .report-detail__edit-link.popup-detail { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .report-detail *,
  .share-modal * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}