.audio-review-dialog { width:min(650px, calc(100vw - 32px)); max-height:85vh; overflow:auto; padding:24px; border:1px solid #bda56a; border-radius:18px; background:#fffaf0; color:#24453d; font-family:inherit; }
.audio-review-dialog::backdrop { background:rgb(0 0 0 / .55); }
.audio-review-dialog h2 { font-size:1.4rem; }
.audio-review-dialog h3 { font-size:1.1rem; }
.audio-review-dialog audio, .audio-review-dialog textarea { display:block; width:100%; margin:12px 0; }
.audio-review-dialog textarea { min-height:70px; box-sizing:border-box; }
.audio-review-dialog button { padding:10px 16px; margin:5px; border:1px solid #bda56a; border-radius:10px; cursor:pointer; }
.audio-review-dialog article { padding:16px 0; border-top:1px solid #bda56a; }
.audio-review-status { display:block; font-weight:700; }
#readerUploadAudio { display:none !important; }

.audio-admin-review { padding:10px 14px; border:1px solid #bda56a; border-radius:10px; background:#fff3d5; color:#24453d; font-family:inherit; font-size:.9rem; font-weight:600; cursor:pointer; }
.audio-admin-review[hidden] { display:none !important; }
#accountMemberPanel > .audio-admin-review { width:100%; margin:0 0 12px; }

#audioAdminShortcut[hidden] { display:none !important; }
#publicProfileForm { margin:14px 0; padding:14px 0; border-top:1px solid #d9c7a6; }
#publicProfileForm label { display:grid; gap:8px; font-size:16px; font-weight:600; }
#publicProfileForm input { width:100%; box-sizing:border-box; padding:10px; font:inherit; border:1px solid #bda56a; border-radius:8px; }
#publicProfileForm p { font-size:14px; line-height:1.6; }
#publicProfileForm button { margin:4px; padding:9px 12px; font:inherit; cursor:pointer; }
.account-overlay .account-dialog { max-height:calc(100dvh - 40px); overflow-y:auto; box-sizing:border-box; }

.voice-shelf-head { margin-bottom:6px; padding-bottom:6px; }
.voice-shelf-head > h3 { margin:0; font:600 16px/1.5 var(--sans); }

/* Reader audio card: compact header and rows; shared shelves keep their layout. */
#recordingShelf { padding:10px 12px; }
#recordingShelf .voice-shelf-head { gap:12px; margin:0 0 8px; padding:0; }
#recordingShelf .voice-shelf-head h3 { margin:0; }
#recordingShelf .reader-back-to-controls { margin:0; min-height:36px; font-size:12px; padding:4px 8px; }
#recordingShelf .recording-source-group { margin:0; padding:0; }
#recordingShelf .recording-source-group h4 { margin:4px 0 6px; font:600 13px/1.4 var(--sans); }
#recordingShelf .voice-version { margin:0 0 5px; padding:6px 8px; }
#recordingShelf .voice-version:last-child { margin-bottom:0; }
#recordingShelf .archive-version { grid-template-columns:minmax(80px,.55fr) minmax(260px,1fr); gap:10px; }
#recordingShelf .archive-version small { margin:0; font-size:12px; line-height:1.4; }
@media(max-width:650px) {
 #recordingShelf .archive-version { grid-template-columns:minmax(0,1fr); gap:4px; }
 #recordingShelf .voice-shelf-head { flex-wrap:wrap; gap:6px; }
}

.voice-version.archive-version.no-recording-metadata,#recordingShelf .archive-version.no-recording-metadata { grid-template-columns:minmax(0,1fr); }
.voice-version.no-recording-metadata > div { display:none; }

/* Shared recording attribution in readers, personal lists and admin review. */
.voice-version, .voice-version.compact { grid-template-columns:minmax(125px,.4fr) minmax(0,1fr) 30px; }
.voice-version > div { min-width:0; overflow-wrap:anywhere; }
.voice-version b { font-size:16px; line-height:1.5; }
.voice-version .recording-timestamp, .audio-review-dialog .recording-timestamp { display:block; font:400 12px/1.6 var(--sans); color:#716b61; }
@media(max-width:700px) {
  .voice-version, .voice-version.compact { grid-template-columns:minmax(0,1fr) 30px; }
  .voice-version .voice-delete { grid-column:2; grid-row:1; }
}

/* One song heading, followed by compact versions in every shared audio shelf. */
.voice-version.archive-version { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,1fr); gap:12px; padding:8px 10px; align-items:center; }
.voice-version.archive-version > div { min-width:0; }
.voice-version.archive-version b { font:600 16px/1.5 var(--sans); }
.voice-version.archive-version small { display:block; margin-top:3px; font:400 14px/1.6 var(--sans); color:#716b61; overflow-wrap:anywhere; }
.voice-version.archive-version audio { grid-column:auto; width:100%; min-width:0; height:40px; }
@media(max-width:650px) {
  .voice-version.archive-version { grid-template-columns:minmax(0,1fr); gap:8px; padding:10px; }
  .voice-version.archive-version audio { grid-column:1; }
}
