/* LDM-13 retention controls; scoped so the existing Simple/Apple/Original
   layouts remain comparable and public pages are unaffected. */
#galleryRetentionRow { align-items: flex-start; gap: 18px; }
.retention-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.retention-actions label { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 12px; }
.retention-actions select, .retention-actions input { min-height: 40px; padding: 0 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); color: var(--ink); }
.retention-warning { display: block; margin-top: 5px; color: #a34d00; font-size: 12px; }
.danger-outline { color: var(--danger); border-color: rgba(210, 47, 47, .28); }
#galleryExpiry { display: block; margin-top: 4px; color: #8e8e93; font-size: 10px; font-weight: 600; }
.gallery-privacy-action { display: grid; justify-items: center; gap: 8px; margin-top: 16px; }
.gallery-privacy-action button { min-height: 44px; padding: 0 15px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.gallery-privacy-action button:disabled { cursor: default; opacity: .65; }
@media (max-width: 768px) {
  #galleryRetentionRow { display: grid; gap: 12px; }
  .retention-actions { justify-content: stretch; }
  .retention-actions label { flex: 1 1 100%; }
  .retention-actions select, .retention-actions input { width: 100%; }
  .retention-actions button { min-height: 44px; flex: 1 1 0; }
}