/* MaxEvolution Chatbot 6.2.7 — console responsivo (sem alterar regras de negocio) */
html,body{max-width:100%;min-width:0;overflow-x:clip}
body.console-auth{min-width:0}
body.console-auth .console-main,body.console-auth .wrap,body.console-auth .mx-layout-shell{min-width:0;max-width:100%}
body.console-auth .wrap :is(.card,.panel,.page-head,.grid,.inbox-list,.chat-shell,form,fieldset){min-width:0;max-width:100%}
body.console-auth .wrap :is(h1,h2,h3,p,a,span,td,th,label){overflow-wrap:break-word}
body.console-auth .wrap :is(input,textarea,select,button){max-width:100%;min-width:0}
body.console-auth .wrap :is(input,textarea,select){font-size:16px}
body.console-auth .wrap :is(img,video,canvas,iframe){max-width:100%;height:auto}
body.console-auth .wrap :is(.table-responsive,.table-wrap,.table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
body.console-auth .wrap :is(table){max-width:100%}
body.console-auth .wrap :is(.page-head,.actions,.filters,.inbox-tools){gap:12px}
body.console-auth .wrap .conversation-main{min-width:0}
body.console-auth .wrap .bubble{max-width:min(88%,520px)}
@media(min-width:1101px){
 body.console-auth .mx-layout-shell{grid-template-columns:272px minmax(0,1fr)!important}
 body.console-auth .main-nav.mx-workspace-nav{width:272px!important;min-width:272px!important;height:auto!important;max-height:none!important;overflow:visible!important}
 body.console-auth .console-main{min-width:0!important}
}
@media(max-width:1100px){
 body.console-auth .topbar{margin-left:0!important;width:100%!important;max-width:100%;padding-inline:16px!important}
 body.console-auth .console-menu-toggle{display:flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center}
 body.console-auth .mx-layout-shell{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
 body.console-auth .console-main{width:100%!important;margin:0!important;padding:0!important;min-width:0!important}
 body.console-auth .main-nav.mx-workspace-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(300px,86vw)!important;min-width:0!important;max-width:86vw!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:500!important;transform:translateX(-110%)!important;transition:transform .2s ease!important}
 body.console-auth.mx-mobile-nav-open .main-nav.mx-workspace-nav{transform:translateX(0)!important}
 body.console-auth .console-main .wrap{margin:0!important;width:100%!important;max-width:none!important;padding:22px 18px!important}
 body.console-auth .wrap :is(.grid,.dashboard-grid,.metric-grid,.filter-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
 body.console-auth .topbar{gap:8px!important;min-height:60px!important;padding:8px 12px!important}
 body.console-auth .topbar :is(.brand,.mx-topbar-brand){min-width:0;white-space:normal;font-size:clamp(12px,3.5vw,16px)}
 body.console-auth .console-main .wrap{padding:16px 12px!important}
 body.console-auth .wrap :is(.grid,.dashboard-grid,.metric-grid,.filter-grid,.service-grid,.onboarding-grid){grid-template-columns:minmax(0,1fr)!important}
 body.console-auth .wrap :is(.page-head,.actions,.filters,.inbox-tools){flex-wrap:wrap;align-items:stretch}
 body.console-auth .wrap :is(.page-head) h1{font-size:clamp(23px,6vw,32px);line-height:1.2}
 body.console-auth .wrap :is(.card,.panel){padding:clamp(12px,3.4vw,20px)}
 body.console-auth .wrap .chat-history{height:min(55dvh,520px);padding:12px}
 body.console-auth .wrap .composer{padding:12px;flex-wrap:wrap}
 body.console-auth .wrap .bubble{max-width:94%}
 body.console-auth .wrap :is(.btn,button){white-space:normal}
}
@media(max-width:420px){body.console-auth .wrap :is(.card,.panel){border-radius:12px}body.console-auth .wrap .conversation-row{padding:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){body.console-auth .main-nav.mx-workspace-nav{transition:none!important}}
