/* M-Translate mobile responsive patch — October 2026 */
html{min-width:0;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:clip}
#mtLegacyDashboard[hidden]{display:none!important}
.mtHomeLinks{max-width:1100px;margin:20px auto;padding:28px 24px;background:transparent}
.mtHomeLinks h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.25;margin:0 0 8px}
.mtHomeLinks p{margin:0 0 22px;color:var(--muted,#64748b)}
.mtHomeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:14px}
.mtHomeLink{display:flex;align-items:center;min-height:76px;padding:18px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:var(--card,#fff);text-decoration:none;font-size:1.05rem;font-weight:700;color:var(--ink,#111827);overflow-wrap:anywhere;transition:transform .15s,border-color .15s}
.mtHomeLink:hover{border-color:var(--accent,#2563eb);transform:translateY(-2px)}
@media(max-width:767px){
 .shell,main.shell{width:100%;max-width:100%;padding:12px!important}
 .topbar{position:relative;display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px!important;align-items:center}
 .topbar>.brand{min-width:0;flex:1 1 170px}
 .topbar>.row{display:flex;flex:1 1 100%;gap:8px!important;flex-wrap:wrap;align-items:stretch;min-width:0}
 .topbar>.row>a,.topbar>.row>button,.topbar>.row>select{min-height:44px;max-width:100%;flex:1 1 auto;margin:0!important;white-space:normal;overflow-wrap:anywhere}
 .topbar .brand span{overflow-wrap:anywhere}
 .mtHomeLinks{padding:12px 2px;margin:6px auto}
 .mtHomeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mtHomeLink{min-height:78px;padding:14px 11px;font-size:.93rem;line-height:1.35}
 .card,.adminPanel,.noteBox{max-width:100%;min-width:0}
 .row,.wrap{max-width:100%;min-width:0}
 input,select,textarea,button{max-width:100%;min-width:0}
 input,select,textarea{font-size:16px}
 img,video,canvas,svg{max-width:100%;height:auto}
 .adminGrid,.translationGrid,.v20SkillGrid,.v15FeatureGrid{grid-template-columns:minmax(0,1fr)!important}
 .hero{flex-direction:column;align-items:stretch}
 .stats{flex-wrap:wrap}
 .chips{display:flex;flex-wrap:wrap;gap:7px}
 .chips>*{max-width:100%;overflow-wrap:anywhere}
 table{max-width:100%}
 .tableWrap,.table-scroll,.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:360px){.mtHomeGrid{grid-template-columns:1fr}.mtHomeLink{min-height:60px}}
@media(prefers-reduced-motion:reduce){.mtHomeLink{transition:none}}
