.learner-toolbar{max-width:1220px;margin:0 auto;padding:10px 24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#0b253b;background:#eef6f5;border-radius:16px}.learner-toolbar select,.learner-settings input{font:inherit;border:1px solid #9aaeb6;border-radius:9px;padding:8px 12px;background:#fff;max-width:100%}.learner-toolbar label{font-weight:700}.learner-toolbar [role=status]{font-size:14px;flex:1 1 220px}.learner-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.learner-settings label{display:block;margin-bottom:6px}.learner-settings input{width:100%}.learner-toolbar button{padding:8px 16px}@media(max-width:600px){.learner-toolbar{margin:0 12px;padding:12px}.learner-toolbar select{flex:1;min-width:100px}}@media print{.learner-toolbar{display:none!important}}
/* Account status remains compact, wraps on narrow phones and is keyboard accessible. */
.learner-toolbar .online-status{font-size:13px;flex:1 1 190px;text-align:start;white-space:normal;border:1px solid #b6d4d0;border-radius:9px;padding:7px 10px;background:#fff;min-height:42px}
.online-settings{border:1px solid #b6d4d0;border-radius:12px;padding:14px;background:#f3faf8}.online-settings p{font-size:15px;line-height:1.7}.online-settings .learner-actions button{white-space:normal}.online-settings #online-panel-status{font-weight:700}.online-settings #online-last-sync{font-size:13px}.online-conflict{border:1px solid #c6a568;background:#fff8e9;padding:12px;border-radius:10px;margin-top:12px}.online-conflict button{display:block;margin-top:8px}.sound.audio-loading{opacity:.85;border-style:dashed}.sound.audio-retry{outline:2px solid #b76a38;outline-offset:2px}.audio-status{font-size:14px;line-height:1.6;margin:8px 0;padding:8px 12px;border-radius:9px;background:#eef6f5;color:#153842}.audio-status[hidden]{display:none}.media-switch>button>span[aria-hidden]{font-size:21px;line-height:1}