.saved-audio-panel{padding:0;margin:8px 0;color:var(--muted);font-size:.875rem;}
.saved-audio-panel[hidden],.saved-audio-panel button[hidden]{display:none;}
.saved-audio-panel.has-error{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);}
.saved-audio-panel p{margin:0;line-height:1.5;}
.saved-audio-panel p:empty{display:none;}
.saved-audio-panel button{font:inherit;min-height:44px;margin-top:8px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);}
.saved-audio-panel button:disabled{opacity:.6;}
body.landscape .saved-audio-panel{display:none;}
.translation-progress{margin:8px 0 16px;padding:12px 16px;border-radius:12px;background:#edf3f8;color:#315778;font-size:1rem;line-height:1.5;}
.translation-progress p{margin:0;}
.translation-progress button{margin-top:8px;min-height:44px;font:inherit;border:1px solid currentColor;border-radius:10px;padding:8px 12px;background:white;color:inherit;}
.translation-progress[data-error="true"]{color:#85392f;background:#fff1ec;}
body.practice-landscape .translation-progress:not([hidden]){flex:1 0 100%;margin:0;padding:6px 10px;font-size:14px;}

/* Translation status stays secondary while the learner continues practicing. */
.translation-progress{padding:0;background:transparent;font-size:.85rem;color:#766c73;}
.translation-progress[data-error="true"]{background:transparent;color:#766c73;}
.translation-progress button{margin-top:4px;padding:4px 8px;border:0;background:transparent;text-decoration:underline;font-size:.85rem;}

#translateBtn[hidden],#diaryTranslate[hidden]{display:none!important;}