.khdb-mode-desktop .khdb-mobile-shell { display:none !important; }

.khdb-mode-mobile .khdb-mobile-shell,
.khdb-mode-tablet .khdb-mobile-shell { display:block !important; }

.khdb-mode-mobile .khdb-app.khdb-layout-mobile { --khdb-active-layout: mobile; }
.khdb-mode-mobile .khdb-app.khdb-layout-mobile .khdb-mobile-drawer,
.khdb-mode-mobile .khdb-app.khdb-layout-mobile .khdb-mobile-drawer-backdrop,
.khdb-mode-mobile .khdb-app.khdb-layout-mobile .khdb-mobile-profile-screen,
.khdb-mode-mobile .khdb-app.khdb-layout-mobile .khdb-mobile-workspace-screen,
.khdb-mode-tablet .khdb-app.khdb-layout-tablet .khdb-mobile-drawer,
.khdb-mode-tablet .khdb-app.khdb-layout-tablet .khdb-mobile-drawer-backdrop,
.khdb-mode-tablet .khdb-app.khdb-layout-tablet .khdb-mobile-profile-screen,
.khdb-mode-tablet .khdb-app.khdb-layout-tablet .khdb-mobile-workspace-screen { touch-action: manipulation; }


.khdb-mode-mobile.khdb-mobile-has-active-screen .khdb-mobile-shell .khdb-mobile-topbar-title {
  justify-content:flex-start;
  text-align:left;
  letter-spacing:.08em;
  text-transform:none;
  font-size:15px;
  font-weight:700;
}

.khdb-mode-mobile.khdb-mobile-has-active-screen .khdb-mobile-shell .khdb-mobile-topbar {
  border-bottom-color: rgba(94,192,255,.14);
}


.khdb-mode-mobile .khdb-mobile-menu-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.khdb-mode-mobile .khdb-mobile-menu-intro {
  padding:14px;
}

.khdb-mode-mobile .khdb-mobile-menu-tile {
  min-height:132px;
  padding:14px 12px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  text-align:left;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.khdb-mode-mobile .khdb-mobile-menu-tile-icon {
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(94,192,255,.1);
  border:1px solid rgba(94,192,255,.16);
  color:#8ed8ff;
}

.khdb-mode-mobile .khdb-mobile-menu-tile-icon .dashicons {
  font-size:20px;
  width:20px;
  height:20px;
}

.khdb-mode-mobile .khdb-mobile-menu-tile-copy {
  width:100%;
  gap:6px;
}

.khdb-mode-mobile .khdb-mobile-menu-tile-title {
  display:block;
  font-size:15px;
  line-height:1.25;
}

.khdb-mode-mobile .khdb-mobile-menu-tile small {
  margin-top:0;
  font-size:12px;
  line-height:1.4;
}

.khdb-mode-mobile .khdb-mobile-menu-tile-danger .khdb-mobile-menu-tile-icon {
  background:rgba(255,99,99,.1);
  border-color:rgba(255,99,99,.16);
  color:#ffb2b2;
}