/* Collect My Cards v2.6.7 — final override layer.
   Leaf stylesheets are linked directly by PHP with automatic filemtime cache keys. */

/* v2.6.7 */


/* =========================================================
   v2.6.6 — Critical mobile shell containment
   Kept in app.css itself so this rule is always refreshed with
   the cache-busted manifest even if an imported stylesheet was
   retained by a mobile browser cache.
   ========================================================= */
@media (max-width:760px){
  html,body{margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .app-shell.branded-shell-v21,.app-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .app-shell > main.main.branded-main-v21,
  .app-shell > main.admin-main,
  main.main.branded-main-v21,
  main.admin-main{
    box-sizing:border-box!important;
    display:block!important;
    position:relative!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    margin:0!important;
    margin-left:0!important;
    padding:0 12px 28px!important;
    width:100vw!important;
    min-width:0!important;
    max-width:100vw!important;
    flex:none!important;
    overflow-x:hidden!important;
  }
  .app-shell > main.main.branded-main-v21 > .topbar-v21,
  .app-shell > main.admin-main > .admin-topbar{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
  }
  .branded-main-v21 > *:not(.topbar-v21),.admin-main > *:not(.admin-topbar){max-width:100%!important}
}