/* Integration R2: manager presentation only. No live-order selectors. */
#merchant :is(#m-security,#m-menucostai,#m-stores){min-width:0;max-width:100%}
#merchant :is(#m-security,#m-menucostai,#m-stores) :is(.panel,.panel-title-row,.tablewrap){min-width:0;max-width:100%}
#merchant #m-security .owner-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:14px!important}
#merchant #m-menucostai .mcai-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#merchant :is(#m-security,#m-menucostai,#m-stores) .tablewrap{overflow-x:auto!important;overscroll-behavior-x:contain}
#merchant :is(#m-security,#m-menucostai) .panel-title-row{flex-wrap:wrap!important;gap:12px!important}
#merchant :is(#m-security,#m-menucostai) .panel-title-row>div{min-width:0;flex:1 1 220px}
#merchant :is(#m-security,#m-menucostai) .panel-title-row>button{width:auto!important;flex:0 1 auto!important}
#merchant #m-stores .brand-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
#merchant #m-stores .brand-grid>*{min-width:0;max-width:100%}
#merchant #m-stores .brand-grid :is(.brand-actions,.storefront-actions){flex-wrap:wrap;min-width:0;max-width:100%}
@media(max-width:1180px){#merchant :is(#m-security .owner-grid,#m-menucostai .mcai-grid){grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:700px){#merchant #m-security .security-banner{grid-template-columns:repeat(2,minmax(0,1fr))!important}#merchant :is(#m-security,#m-menucostai) .sectionhead{flex-wrap:wrap!important;gap:12px}#merchant #m-menucostai .mcai-actions{display:flex;flex-wrap:wrap;gap:8px}#merchant #m-menucostai .mcai-setup-path{grid-template-columns:minmax(0,1fr)!important}}

#merchant #m-stores #storefrontDirectoryCards{display:block!important;overflow-x:auto!important;overscroll-behavior-x:contain}
#merchant #m-stores :is(.brand-manager-head,.brand-manager-row){min-width:1060px!important}
#merchant #m-customers .tucson-map{overflow:hidden!important}
