/* Adaptación móvil común de SMM Connect */
@media(max-width:760px){
.dynamic-menu-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.dynamic-menu-home,.dynamic-menu-group{min-height:74px!important;font-size:12px!important;border:1px solid var(--line,#dbe3ef)!important;border-radius:12px!important;background:var(--panel,#fff)!important;padding:10px 5px!important}.dynamic-menu-subgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dynamic-menu-shell{box-shadow:0 4px 14px #172b4d0a!important}
.topbar{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px!important}.topbar .brand-logo{width:130px!important;max-width:130px!important}.topbar .global-search{display:flex!important;order:10!important;width:100%!important;flex:1 0 100%!important}.topbar .global-search input{font-size:16px!important}.topbar .userbox{font-size:11px!important;max-width:140px;overflow-wrap:anywhere}.version-chip{display:none!important}#quick-new{margin-left:auto;max-width:130px!important;font-size:12px!important;min-height:42px}
.main{padding:12px!important}.page-head{flex-wrap:wrap!important}.page-head h1{font-size:25px!important}.page-head .actions{display:flex;flex-wrap:wrap;gap:8px}.toolbar,.salesforce-list-toolbar,#opportunity-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.toolbar>* ,#opportunity-filters>*{min-width:0;max-width:100%;margin:0!important}#opportunity-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px}input,select,textarea{max-width:100%;font-size:16px!important}#opportunity-filters input,#opportunity-filters select,.toolbar input,.toolbar select{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:var(--panel,#fff);color:var(--text,#172033)}.config-tabs{display:flex;overflow:auto;flex-wrap:nowrap!important;gap:8px}.config-tabs button{flex:0 0 auto;min-height:44px}.form-grid{grid-template-columns:1fr!important}.form-field{min-width:0!important}.modal-backdrop{padding:8px!important;align-items:center!important}.modal,.quote-builder-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}.modal-body{overflow:auto!important;padding:16px!important}.modal-head{padding:14px!important}.modal-foot{padding:12px!important;display:flex;flex-wrap:wrap;gap:8px}.modal-foot button{flex:1 1 130px;min-height:44px}.quote-line-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;padding:14px!important}.quote-line-row .quote-product{grid-column:1/-1}.quote-line-row label{font-size:12px!important}.quote-line-row input{width:100%!important}.primary-btn,.secondary-btn{min-height:42px}.drawer{width:min(100vw,400px)!important}.table-wrap{max-width:100%;overflow:auto}.table-wrap.mobile-records{overflow:visible;border:0;background:transparent}.mobile-records table{min-width:0!important;width:100%}.mobile-records thead{display:none}.mobile-records tbody,.mobile-records tr,.mobile-records td{display:block;width:100%}.mobile-records tr{background:var(--panel,#fff);border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:10px;margin:0 0 12px;box-shadow:0 3px 10px #172b4d05}.mobile-records td{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,#e2e8f0);padding:10px 6px;font-size:13px;overflow-wrap:anywhere}.mobile-records td:before{content:attr(data-label);color:var(--muted,#64748b);font-size:11px;flex:0 0 32%;font-weight:normal}.mobile-records td:last-child{display:flex;flex-wrap:wrap;border-bottom:0}.mobile-records td:last-child:before{display:none}.mobile-records td:last-child button{flex:1 1 110px;font-size:12px!important}.mobile-records td.link{font-weight:bold;color:var(--blue,#2457db)}.bulk-bar{flex-wrap:wrap;gap:8px}
}
@media(max-width:380px){.dynamic-menu-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.toolbar,#opportunity-filters{grid-template-columns:1fr!important}.topbar .userbox{max-width:105px}}
@media(max-width:760px){.app,html[data-layout="vertical"] .app,html[data-layout="horizontal"] .app{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.main,html[data-layout="vertical"] .main,html[data-layout="horizontal"] .main{grid-column:1!important;margin-left:0!important;left:auto!important;width:100%!important}.topbar{grid-column:1/-1!important}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1000!important;width:260px!important;transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.page-head{width:100%!important}.page-head>div{min-width:0}.dynamic-menu-shell{width:100%!important;max-width:100%!important}}