/* Shared responsive corrections. No content is clipped to hide overflow. */
#view-dashboard>.learning-mode-bar{position:relative;top:auto}
#dashboard-ai-entry>button{background:#d7b666;color:#171c18;border:0;border-radius:10px;padding:12px 18px;font:600 15px system-ui;cursor:pointer}
#member-entry{background:transparent!important;color:inherit!important;font-size:13px!important;padding:4px 0!important}
#member-entry a{color:inherit}
#mobile-navigation-dialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:80dvh;overflow:auto;background:#1d2324;color:#edf0ec;border:1px solid #52605b;border-radius:18px;padding:20px}
#mobile-navigation-dialog::backdrop{background:#0009}
#mobile-navigation-dialog>button{float:right}
.mobile-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;clear:both}
.mobile-destination-grid>*{display:flex;align-items:center;justify-content:center;padding:12px;min-height:48px;border-radius:10px;border:1px solid #53645b;background:#28352f;color:#eff3ef;font:inherit;text-decoration:none}
@media(max-width:720px){
 body>header{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 12px;gap:8px}
 body>header>*{min-width:0}
 body>header #member-entry{margin-left:auto;gap:8px!important}
 body>header #member-entry>span{display:none}
 main,article,section,fieldset{min-width:0}
 input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;font-size:16px!important;box-sizing:border-box}
 button,select,summary{min-height:44px}
 p,h1,h2,h3,li,.course-text,.message{overflow-wrap:anywhere}
 .learning-mode-bar{gap:12px;padding:14px;margin-bottom:16px}
 .learning-mode-bar>.learning-mode-switch{width:100%;min-width:0}
 #dashboard-ai-entry>button{width:100%;min-height:44px}
 .learning-subjects{gap:8px}.learning-subjects select{flex:1;min-width:0;width:auto}
 .course-navigation,nav[aria-label="学习导航"]{display:flex;flex-wrap:wrap;gap:8px}
 nav[aria-label="学习导航"]>button{flex:1 0 auto;margin:0}
 .course-navigation>*{min-height:44px}
 .member-shell{padding:16px!important}.member-plans{grid-template-columns:1fr!important}
 .member-table-wrap{max-width:100%;overflow:auto}
 #member-admin-nav{display:flex;flex-wrap:wrap;gap:8px}
 #member-admin-nav>*{max-width:100%}
 body:has(.conversation){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 body:has(.conversation)>header{flex:none}
 body:has(.conversation)>main{flex:1;width:100%;height:auto;min-height:0;margin:0;display:flex;flex-direction:column}
 body:has(.conversation) aside{display:flex;flex-wrap:wrap;max-height:115px;padding:8px 12px;gap:6px;overflow:auto}
 body:has(.conversation) aside>button{min-height:40px;padding:6px 10px}
 #thread-list{flex:1 0 100%;min-width:0}
 .conversation{padding:8px 12px max(8px,env(safe-area-inset-bottom));min-height:0}
 .conversation .toolbar{gap:6px;padding-bottom:6px;flex:none}
 .conversation .toolbar label{flex:1;min-width:120px}
 .conversation .toolbar select{width:100%;max-width:100%;padding:5px}
 .conversation .toolbar>button{padding:5px 8px}
 .conversation .message{max-width:100%;padding:12px}
 .conversation #messages{min-height:64px;flex:1}
 .conversation #message{min-height:52px;max-height:110px;margin:0}
 .conversation #composer{flex:none}
 .conversation #composer>.small{font-size:11px;line-height:1.4;margin:4px 0}
 .conversation .composer-actions{gap:5px;align-items:center}
 .conversation .composer-actions label:first-child{flex:1;min-width:160px}
 .conversation .composer-actions select{max-width:100%}
 .conversation #send{min-width:64px;margin-left:auto}
 .conversation .empty{margin:20px auto}
 dialog{max-width:calc(100vw - 24px);max-height:85dvh}
}
@media(max-width:640px){
 #ai-panel-toggle{display:none!important}
 #mobile-nav .mobile-secondary{display:none!important}
 #mobile-nav>.mobile-nav-item{flex:1;min-width:0;min-height:48px;font-size:12px;padding:4px;border:0;background:transparent;font-family:inherit}
 #mobile-nav>.mobile-nav-item.active{background:#c8a44e14;color:var(--accent)}
 #main-content{padding:12px 12px calc(80px + env(safe-area-inset-bottom))!important}
 #view-dashboard .stats-grid{gap:8px}
 #view-dashboard>.learning-mode-bar{margin-bottom:12px}
 #sync-status-r0{bottom:calc(76px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}
 [data-app-toast]{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:12px!important;max-width:calc(100vw - 24px);box-sizing:border-box}
 .chat-header{gap:6px}.chat-header button{padding:6px 9px;min-height:44px}
 .tutor-layout{height:auto;min-height:65dvh}.chat-messages{min-height:240px;max-height:55dvh}
 .goal-main-header,.phase-card-header,.page-header{flex-wrap:wrap}
}
@media(max-width:380px){.conversation .toolbar label{min-width:100px}.conversation #composer>.small{font-size:10px}.conversation .composer-actions label:first-child{min-width:140px}.conversation #messages{padding:4px}.conversation .message{padding:9px}}
