@media (max-width: 640px){
  .topbar{
    justify-content:flex-start !important;
    padding:10px 14px 4px !important;
  }
  .topbar .top-left{
    width:100%;
    justify-content:flex-start !important;
    gap:0 !important;
  }
  .topbar .top-left .title{
    width:auto !important;
    margin:0 !important;
    display:flex;
    align-items:center;
    justify-content:flex-start !important;
  }
  .topbar .brand-logo{
    height:72px !important;
    max-width:min(78vw, 340px) !important;
  }

  :root{
    --mobile-quickbar-height:60px;
  }
  #mobileQuickBar{
    padding:6px 8px calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
  }
  #mobileQuickBar .mqb-btn{
    min-height:44px !important;
    gap:3px !important;
    padding:3px 2px !important;
  }
  #mobileQuickBar .mqb-icon,
  #mobileQuickBar .mqb-icon svg{
    width:20px !important;
    height:20px !important;
  }
  #mobileQuickBar .mqb-label{
    font-size:10px !important;
  }

  #k1Card .k1-actions{
    gap:6px !important;
    flex-wrap:wrap;
    align-items:center;
  }
  #k1Card .k1-actions > .btn.small,
  #k1Card .k1-actions > button.btn.small,
  #k1Card .k1-actions > a.btn.small{
    padding:5px 8px !important;
    font-size:12px !important;
    line-height:1.15 !important;
  }
  #k1Card .k1-actions > #addCardBtn{
    padding-inline:7px !important;
  }
  #k1Card .k1-actions > #openMyCardsBtn{
    width:40px !important;
    min-width:40px !important;
    padding:5px 0 !important;
  }
  #k1Card .k1-actions > #k1SettingsBtn{
    display:none !important;
  }
}