/* Scoped to the rating dialog: no map, marker or discovery styling. */
#rating-photo-section { margin: 4px 0 16px; padding: 15px; border: 1px solid rgba(138,92,15,.22); border-radius: 16px; background: #fffaf0; }
#rating-photo-section [hidden], #rating-photo-recovery[hidden] { display: none !important; }
.rating-photo-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.rating-photo-heading strong { color: var(--green-dark); font-size: 14px; }
.rating-photo-heading > span { font-size: 12px; color: var(--muted); }
#rating-photo-section p { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.rating-photo-target { margin: 7px 0 11px; color: var(--muted); }
#rating-photo-section .secondary-button { min-height: 44px; padding: 9px 12px; white-space: normal; }
.rating-photo-pickers { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 8px; }
.rating-photo-pickers > button { flex: 1 1 120px; }
.rating-photo-format { display: block; color: var(--muted); font-size: 11px; line-height: 1.4; }
.rating-photo-preview { margin: 12px 0; }
.rating-photo-preview img { display: block; width: 100%; max-height: 210px; object-fit: contain; border-radius: 12px; background: #eee7da; }
.rating-photo-preview figcaption { font-size: 11px; color: var(--muted); overflow-wrap: anywhere; margin-top: 5px; }
#rating-photo-section .rating-photo-checkbox { display: flex; align-items: flex-start; gap: 9px; margin: 12px 0; font-size: 12px; line-height: 1.5; }
#rating-photo-section .rating-photo-checkbox input { width: 22px; height: 22px; flex: 0 0 22px; margin: 1px 0 0; padding: 0; accent-color: var(--green); }
#rating-photo-section .rating-photo-remove { margin-top: 8px; }
#rating-photo-section .error { color: #a22525; }
#rating-photo-recovery { margin: 12px 0; padding: 14px; border: 1px solid #d1ad6a; border-radius: 14px; background: #fff7e6; }
#rating-photo-recovery p { margin: 0 0 10px; font-size: 13px; line-height: 1.5; }
#rating-photo-recovery > div { display: flex; flex-direction: column; gap: 8px; }
#rating-photo-recovery button { min-height: 44px; padding: 10px 12px; white-space: normal; }