.audio-entry { margin-top: 12px; }
.audio-modal { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 16px; background: rgba(34,27,20,.62); }
.audio-panel { width: min(760px,100%); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 22px; padding: 22px; background: #fffaf3; color: #2d241c; box-shadow: 0 20px 70px rgba(0,0,0,.28); }
.audio-panel h2,.audio-panel h3 { margin: 0 0 10px; }
.audio-panel header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.audio-close { border:0; background:#eee3d5; border-radius:50%; width:40px; height:40px; font-size:22px; cursor:pointer; }
.audio-notice { padding:12px 14px; border-left:4px solid #a85e32; border-radius:8px; background:#f7e9da; }
.audio-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.audio-actions button,.audio-file-label { border:0; border-radius:12px; padding:11px 15px; background:#713d25; color:white; font:inherit; font-weight:700; cursor:pointer; }
.audio-actions .secondary,.audio-file-label { background:#e9ddcf; color:#392b21; }
.audio-actions .danger { background:#8b3030; }
.audio-actions button:disabled { opacity:.5; cursor:not-allowed; }
.audio-file-label input { position:absolute; inline-size:1px; block-size:1px; opacity:0; }
.audio-preview { width:100%; margin-top:14px; }
.audio-status { min-height:24px; margin:12px 0 0; }
.audio-list { display:grid; gap:10px; margin-top:16px; }
.audio-row { width:100%; display:flex; justify-content:space-between; gap:12px; text-align:left; padding:14px; border:1px solid #decdbb; border-radius:14px; background:white; cursor:pointer; }
.audio-row span { display:block; color:#735e4c; font-size:.9rem; }
.audio-origin { margin:8px 0; padding:10px; border-radius:10px; background:#eef5ea; }
.audio-origin.inferred { background:#fff0cc; border:1px solid #e7b857; }
.audio-origin b { display:block; font-size:.72rem; letter-spacing:.06em; }
.audio-draft-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.audio-panel textarea { width:100%; min-height:150px; box-sizing:border-box; border:1px solid #cdbba8; border-radius:10px; padding:10px; font:inherit; }
.audio-admin-button { border:0; background:#643621; color:white; border-radius:10px; padding:7px 10px; cursor:pointer; }
.audio-review-panel { width:min(920px,100%); padding:0; scrollbar-gutter:stable; }
.audio-review-panel>header { position:sticky; top:0; z-index:3; padding:20px 22px 14px; background:rgba(255,250,243,.97); border-bottom:1px solid #eadbca; }
.audio-review-panel>header~* { margin-inline:22px; }
.audio-review-meta { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-block:18px 14px; }
.audio-review-meta strong,.audio-review-meta span { display:block; }
.audio-review-meta span,.audio-review-meta time { color:#725f50; font-size:.86rem; }
.audio-source-card { padding:16px; border:1px solid #dfcfbe; border-radius:16px; background:#f4ece2; }
.audio-source-card>div { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.audio-source-card h3,.audio-source-card p { margin:0; }
.audio-source-card>div p { color:#725f50; font-size:.88rem; }
.audio-source-card .audio-preview { margin:12px 0; height:42px; }
.audio-source-card details { border-top:1px solid #dfcfbe; padding-top:10px; }
.audio-source-card summary { cursor:pointer; font-weight:700; color:#5b402f; }
.audio-transcript { margin:12px 0 0; white-space:pre-wrap; line-height:1.55; color:#51453b; }
.audio-missing { margin-block:18px; padding:16px 18px; border:1px solid #e4b353; border-radius:16px; background:#fff3d7; }
.audio-missing h3 { color:#704913; }
.audio-missing ul { margin:8px 0 0; padding-left:22px; columns:2; column-gap:34px; }
.audio-missing li { break-inside:avoid; margin:5px 0; }
.audio-field { display:grid; gap:7px; color:#4b392d; font-weight:700; }
.audio-notes textarea:focus { outline:3px solid rgba(162,94,50,.18); border-color:#9b5c36; }
.audio-edit-toolbar { width:min(100%,670px); display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px auto 10px; }
.audio-edit-toolbar button { border:1px solid #e5dacb; border-radius:12px; padding:9px 13px; background:#dfece5; color:#315c4b; font-weight:800; }
.audio-edit-toolbar span { color:#725f50; font-size:.84rem; }
#audio-published-render { width:min(100%,670px); margin-inline:auto; }
.audio-inline-editing [contenteditable="true"] { outline:2px dashed #b8823d; outline-offset:3px; cursor:text; }
.audio-notes { margin-block:18px; }
.audio-notes textarea { width:100%; box-sizing:border-box; min-height:78px; border:1px solid #cdbba8; border-radius:10px; padding:11px 12px; font:inherit; resize:vertical; }
.audio-review-actions { position:sticky; bottom:0; z-index:3; margin:0!important; padding:14px 22px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid #dfcfbe; background:rgba(255,250,243,.97); box-shadow:0 -8px 24px rgba(55,39,27,.08); }
.audio-preview-notice { padding:12px 14px; border-radius:12px; background:#fff3d7; color:#704913; font-weight:700; }
.audio-public-preview { margin-top:18px; }
.audio-publication-errors { margin:16px 0; padding:14px; border:1px solid #d99090; border-radius:14px; background:#fff1f1; color:#712626; }
.audio-publication-errors h3 { margin-top:0; }
.audio-publication-errors ul { margin-bottom:0; }
.audio-published-label { display:inline-flex; padding:9px 14px; border-radius:999px; background:#dfece5; color:#315c4b; }
@media (max-width:600px) { .audio-panel { padding:17px; border-radius:18px; } .audio-draft-grid { grid-template-columns:1fr; } .audio-actions > * { flex:1 1 44%; text-align:center; } .audio-review-panel { padding:0; border-radius:18px; } .audio-review-panel>header { padding:16px; } .audio-review-panel>header~* { margin-inline:14px; } .audio-review-meta,.audio-source-card>div,.audio-edit-toolbar { align-items:flex-start; flex-direction:column; } .audio-missing ul { columns:1; } #audio-published-render,.audio-edit-toolbar { width:calc(100% - 8px); } .audio-review-actions { margin:0!important; padding:12px 14px calc(12px + env(safe-area-inset-bottom)); } .audio-review-actions>button { flex:1 1 100%; } }
